CSS优化小结

CSS优化损失的仅仅是可读性，但可以大大减少文件的大小。对于低网速的用户来说，这可以大大减少加载的时间，这是很有价值的节约。

没必要的字符

• 去掉多余的空格
• 颜色值尽量短(如#FFF)
• 去掉小数前的0(如.7em)
• 去掉0后面的任何单位(0px to 0)
• font-weight用数字表示(如normal改成400)

不必要的标签

• 比如ul li a{}可以改成ul a{} 或li a {}
• 类样式，“.”前尽量不要加标签名
• 模块的容器使用class之后，内部的元素尽量少加class，而应该通过各种元素不同的作用来赋予样式

可用的优化工具

• Firefox下的CSSUsage插件
  • 这个插件安装后是集成在Firebug上的，可以扫描页面上使用了哪些样式，被使用了多少次，哪些多余的样式没有用到。
• 在线的CSSTidy:
  • http://www.css88.com/tool/csstidy/