CSS 压缩与优化工具

书写 CSS 的时候只要注意一些常用缩写语法和掌握了十八般技巧，如 0 是不需要定义单位的，盒的上右下左原则，如左右相同可以定义为 10px 0 20px 这样，normal 值可以用 400 表示，bold 用 700 表示，那么写出来的 CSS 一般就不错了。如果需要消除 CSS 中一些多余空白，使用手工方式未免太繁琐，这就需要一些压缩优化工具来帮忙，这类网站很多，大多都是基于 CSSTidy 这个免费优化程序 (如 Clean CSS)，它的客户端版本还支持 Windows, Linux, OSX。除了 CSSTidy 之外我还比较喜欢 CSS Compressor 这个工具。

主要介绍一下 CSS Compressor，它是 CSS Drive 提供的 CSS 压缩工具，不但操作简单，压缩效果也很好。在默认的普通模式中有三种压缩选项，Light 代表只清除缩进空白，Normal 可以让每个属性写成一行 (推荐)，而 Super Compact 模式不推荐，它会清楚掉所有多余空白，把整个 CSS 写成一行，不利于以后的阅读和修改。对注释也提供三种清除选项，第一是不清除，第二是清除所有，第三个是清除大于多少字符的注释。在书写 CSS 中建议全部使用小写，CSS Compressor 的缺点就是没法像 CSSTidy 一样把大写转换为小写。

沿用 Clean CSS 风格、CSSTidy 1.2 引擎，自己搭建了一个 CSSTidy - CSS 整形与优化工具，把它放在 Blog 側边，有需要时可以随时点击进去，不用再去 Clean CSS 了。

Come from: http://www.osxcn.com/css/css-compressor.html