继承
另一个避免写出冗余代码的方法是,了解哪些属于父元素的属性会由子元素继承下来。会被继承的属性只有很少一些,而且其中大部分是不常用的,比如voice-family。所以列个能继承的常用属性的表,其实是很短的,下面就是按字母顺序排出的:
color
font(及其相关属性)
letter-spacing
line-height
list-style(及其相关属性)
text-align
text-indent
text-transform
white-space
word-spacing
在某些老式浏览器中,继承功能可能有些问题,然而大部分现代浏览器在这方面都处理得很正确。记住上面这个列表,可以让你少写点多余的代码。当然了,如果你想看看完整的列表,还是参考CSS2PropertyIndex。
空白
并非指的是CSS的white-space属性,这个属性早有确定的值了。我们说的是样式表本身含有的那些空白。空白常用于换行字符,和在一行里面用来改进可读性的空格。尽管把它们都删除可能会剩下个把字节,但好处毕竟有限。
关键是,如果把它们都删除了,CSS文件就会变得非常难读,更难修改。要是你真的打算这么做,不妨创建一个主CSS文件,再根据它生成一个删除了所有空白的副本,修改的时候只修改主文件,根据主文件重新生成一次副本就行了。
请注意,CSS编码中需要一些空白,删除那些必要的会导致你未曾预料的问题。如果W3C规范中用了 "spaceseparated"这样的语句,那么空格就不可省略。常见的像简记属性中分隔值的那些空格,还有下降合并符 (descendantcombinator),或者称为下降选择符,就是一个空格。所以说不到非用不可的时候,删除空白这样的方法还是少用。
完结
你现在学会了好几种让你的样式表更高效的方法,益处是在这些技巧下,不仅下载时间被减少了,而且清晰、易于理解、更改的代码随之而来。就算你用排版工具来编辑样式表,也可以在最后用这些方法将其改定为高效的样子。