CSS 常用的优化技巧列举

一

.使用 css 缩写

使用缩写可以帮助减少你

CSS 文件的大小，更加容易阅读。css 缩写的主要规则请参看

《常用

css 缩写语法总结》，这里就不展开描述。

二

.明确定义单位，除非值为 0

忘记定义尺寸的单位是

CSS 新手普遍的错误。在 HTML 中你可以只写 width=100，但是

在

CSS 中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况

可以不定义单位：行高和

0 值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单

位之间加空格。

三

.区分大小写

当在

XHTML 中使用 CSS，CSS 里定义的元素名称是区分大小写的。为了避免这种错误，

我建议所有的定义名称都采用小写。

class 和 id 的值在 HTML 和 XHTML 中也是区分大小写的，如果你一定要大小写混合写，请
仔细确认你在

CSS 的定义和 XHTML 里的标签是一致的。

四

.取消 class 和 id 前的元素限定

当你写给一个元素定义

class 或者 id，你可以省略前面的元素限定，因为 ID 在一个页

面里是唯一的，鴆

las s 可以在页面中多次使用。你限定某个元素毫无意义。例如：

div#content { /* declarations */ } 
fieldset.details { /* declarations */ } 

可以写成

#content { /* declarations */ } 
.details { /* declarations */ } 

这样可以节省一些字节。

五

.默认值

通常

padding 的默认值为 0，background-color 的默认值是 transparent。但是在不同的浏

览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的

margin 和

padding 值都为 0，象这样：

找互联网资料，就到一览互联网文库

http://wk.yl1001.com/hlw/