现在,我们已经介绍过了层叠样式表的大部分特性。有了新增的基于CSS的布局——在第3部分中学过的,现在你就是一台势不可挡的网页设计机器了。但是即使已经掌握了CSS提供的所有属性、修复了那些讨厌的浏览器bug并学习了产生漂亮网页的技巧之后,你仍然可以坚持学习一些将使CSS更易于创建、使用和维护的方法。
本章涵盖了一些创建和使用CSS的建议。它们中没有“必须知道”的CSS要素,但是它们可以使你的CSS更快起作用,带来更少的挫折和更高的效率。
添加注释
Adding Comments
当你编辑一个样式表几个星期、几个月甚至几年以后,会发现自己想知道“我以前为什么创建这个样式?它有什么用?”就像对于任何一个项目一样,在创建网站时,你应该保留做了什么以及为什么这么做的注释。幸运的是,你不需要用纸张,而是可以用CSS注释把记录嵌入到你的样式表里去。
一条CSS注释只是包含在两组字符之间的一条注解:/*和*/。就像使用HTML注释一样,CSS注释也不会被网页浏览器读取或者执行,但它们的确使你给样式表添加了有益的提示。假设你创建了一个样式想要解决一个Internet Explorer的bug:
* html .imageFloat {
display: inline;
}
在你编写这个样式的时候,知道你在做什么,但是3个月以后你还仍然记得吗?添加一条注释,将使你或者需要在这个网站上工作的其他人理解该样式是做什么用的,以及它为什么被创建:
/* 修复IE 5/6的双边距bug */
* html .imageFloat {
display: inline;
}
如果你有许多话要说,注释也可能跨过多个行。只要以/*开头,输入你喜欢的所有注解,然后以*/结束。如图14-1所示,在一个样式表开头处添加背景信息是很方便的。







