DIV CSS标签说明大全.doc

DIV CSS
,而使用div,css?
比TABLE排版更简洁明了,
速度更快了,现在对比来讲效率更加快速的显示网站内容.
随着IE的升级,越来越支持CSS高版本
搜索引擎亲和力:搜索引擎不会在意一个页面的设计或者构成。搜索引擎不可能“欣赏”设计漂亮新颖的页面;也不会去“排斥”颜色搭 配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息 呢?
凭我自己的经验,一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高。而CSS+DIV构架的页面,虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。带宽的稍多占用,完全显得微不足道,更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。
重构页面的方便性
这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统,以及流行的PJBLOG、php下面的WP、MT,都是采用div+css构架。内容和样式的分离导致我们在重构页面布局(更换皮肤)的时候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦.
关于韩国风格网站难用div描述的问题,,韩国的花哨流派很快会被简约派所代替。如果确实是优秀的设计,我个人认为用Flash来完成更好!
Css的引用方式
1. CSS的内部引用,内部引用在代码很多的时候不便于日后修改
2. style标签应该在head标签内部
3. CSS的外部引用
例如:
<link rel=’stylesheet’ href=’’>
<link rel=’stylesheet’ href=’’>
B.***@import) 例如:<style>***@import url(‘’);</style>;
建议:Link标签代替***@imort标签能带来性能上的收益;***@import规则有可能导致白屏现象;使用***@import会导致组件下载的无序性。”
常用属性
CSS常用属性:
字体属性:(font)
大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD
样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
<div style="height:20px;line-height:20px;">
sdgfasdf
</div>
height:20px;
行高 line-height: normal;(正常) 单位:PX、PD、EM
粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常)
变体 font-variant: small-caps;(小型大写字母) normal;(