日期:2013-12-19 浏览次数:20926 次
我们来说下div+css规划的时候怎样做到最精简的代码,以达到极限提升网站速度的目的。
1、css款式尽量合并成一个外部文件,采用link方式导入到网页中来,可以减少不少内嵌在网页中的css代码。
2、多用全局款式,比如网页中只要一个h1标签,那么直接在css文件中定义h1的款式,如h1{......},而不要给h1标签加class或者id来定义款式,这样一来就可以省略class=""或id="",整个网页精简下来就可以简约不少代码。
3、多采用父级承继款式控制,在div中尽量使用不同标签来控制网页表现方式,比如一个div中需求有3个不同颜色的文字,这样做同样可以减少不少的class和id。
<div>
第一种文字
<span>第二种文字</span>
<font>第三种文字</font>
</div>
css款式可以这样写:
div { color: #000}
div span { color: #f00}
div font { color: #0f0}