游客,您好 
免费注册
SEO资料站

www.che.com

丘仕达微博

丘仕达微博

中国SEO资料站
新闻动态 技术文章 软件下载 SEO博客 本站论坛 SEO入门书籍
SEO技术文章 - 网站建设技术 - 浏览文章
10.14飘渺蝶舞DIV+CSS讲座内容
发布日期:2007-10-14 14:40:43   来源:互联网转载   共有 8459 人次浏览


飘渺蝶舞(312890073) 14:22:14
其实CSS+DIV是很简单的,不知道大家用的是什么编辑软件 我使用的是DW MX 2004

飘渺蝶舞(312890073) 14:22:44
一般新建一个HTML页面后,下面都有个页面属性 我估计这个大家都用

飘渺蝶舞(312890073) 14:23:15
页面属性可以定义网页的高度,链接样式 字体大小H1等信息

飘渺蝶舞(312890073) 14:24:03
一般这些是最基本的 如果这个定义了 那么网页的定义已经完成了一半 也就是CSS已经说是基本定义完成了

飘渺蝶舞(312890073) 14:24:24
那么DIV如何定义呢?其实很简单,我想大家都使用过DW的层的功能

飘渺蝶舞(312890073) 14:25:02
其实层就是DIV的布局方式,按照你所喜欢的布局用层画出来 DIV就出现了

但是在编辑了层以后 我们看到的都是类似如下的代码
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"></div>

飘渺蝶舞(312890073) 14:26:00
这是不符合web标准的,而且有很多垃圾代码

飘渺蝶舞(312890073) 14:26:23
所以 我们可以吧DIV的所有层的所有属性都隐藏到CSS里

飘渺蝶舞(312890073) 14:27:04
一般我们在网页上的页面属性里定义的CSS 前面都是一个点 例如.a .body等

飘渺蝶舞(312890073) 14:27:24
那么CSS中加入的DIV样式就不能用点来表示了

飘渺蝶舞(312890073) 14:27:35
例如<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"></div>这一段

飘渺蝶舞(312890073) 14:27:56
我们可以先给层命名,假如这个层叫做main

飘渺蝶舞(312890073) 14:28:15
我们就可以这样写<div id=main></div>

飘渺蝶舞(312890073) 14:28:44
那么层的定义在那里呢,其实我们已经把它隐藏到CSS里了 在CSS里设置属性如下 #main{}

飘渺蝶舞(312890073) 14:29:28
在这个{}中间 填写上层属性里面style=后面的东西

飘渺蝶舞(312890073) 14:29:43
完整的代码就是
#main{"position:absolute; width:200px; height:115px; z-index:1}

飘渺蝶舞(312890073) 14:30:13
这样 CSS样式中就隐藏了DIV的属性 这是最基本的了 你可以根据你的背景图片等 都隐藏都层里

飘渺蝶舞(312890073) 14:30:42
一般我们为了定位,首先是要定义一个大框架的 定位好大的框架DIV层就不会乱跑了

飘渺蝶舞(312890073) 14:31:08
也就是说定义好main的位置 剩下所有的DIV都在main层里

飘渺蝶舞(312890073) 14:31:18
这样就不会乱跑了

飘渺蝶舞(312890073) 14:31:25
OK 讲课结束 (*^__^*) 嘻嘻……·

课后交流
林强茂(4606027) 14:31:27
DIV+CSS最难的是处理浏览器间的兼容问题.

飘渺蝶舞(312890073) 14:31:55
一般来说 兼容的问题用JS就可以解决

例如默认的
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);  

做网页我不太懂,不过感觉飘渺讲得很通俗易懂.她美工也很不错,我那个163邮箱的站,改了后好看多了:
http://www.mail163.org.cn

本文首发:SEO资料站-最实用的草根SEO站长网
 
转载请保留版权,谢谢合作
共有1条文章 页次:1/1 分页: 9 1 :

发布人:----- 】·【推荐好友】·【打印】·【顶部
相关文章--
[网站建设技术] ·10.14飘渺蝶舞DIV+CSS讲座内容2007-10-14
相关评论
   系统暂时关闭评论功能!
最新文章
 百度排名点击器介绍及原理...
 专访丘仕达:放平心态 兼...
 丘仕达:原创文章的一些思考
 丘仕达:2008中秋月饼实战
 丘仕达:SEO项目流程操作及...
 云野侠:优化无处不在
 丘仕达:关于SEO的一些思考
 转:快速申请GOOGLE ADSE...
 文章标题的写法及引申-丘...
 大鸟和丘仕达在求医网的S...
热门文章
 SEO工具,站长必备
 王通:SEO的六种赚钱方式
 丘仕达SEO实战:如何用几个...
 蜘蛛:最挣钱的几种网站
 丘仕达:写给走火入魔...
 日IP不到500的站一年赚10...
 SEO资料站站长丘仕达个人...
 采访SEO资料站长丘仕达
 2个月收入5万元的垃圾站是...
 写给SEO菜鸟们
推荐文章
 丘仕达:SEO项目流程操作及...
 丘仕达:写给走火入魔...
 实战:单页面优化的第二种...
 关于单面面网站优化的两个...
 网站内容联盟大全及介绍
 10.14飘渺蝶舞DIV+CSS讲座...
 百度分词技术的一些补充
 丘仕达工作前给大家的礼物
 55种网页常用小技巧
 地址拦网址前加图标的...
文章搜索
关键字:
关于我们 网站留言 友情链接 管理
中国SEO资料站

QQ:726399 邮箱:zsuda@163.com 备案序号:辽ICP备10202808号-1