DIV CSS标签说明大全.doc

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