今天放了一个 CSSTidy 在我的 blog 空间上，方便自己的同时也方便其他需要用的朋友。访问地址：CSS整形与优化工具（使用CSSTidy1.3）。

CSSTidy 简介

CSSTidy 是一个开源的 CSS 整形和优化工具。它既有适用于 Windows、Linux 和 OSX 的客户端程序，也有基于 PHP 的 Web 版。CSSTidy 完全支持 CSS2。

优化特性（以下“a”表示选择器，“margin”表示所有的属性）：

• 类似“black”或者 rgb(0,0,0) 这样的颜色值被转换为 #000000，甚至 #000（如果可以的话）。而已经是十六进制码的颜色值将会被转换为颜色名（如果颜色名更短的话），例如 #f00 会被转换为 red
• 所有重复定义的属性都被合并。例如 a{property:x;property:y;} 被转换为 a{property:y;}
• 能够简写的都被简写。例如 margin:1px 1px 1px 1px; 简写为 margin:1px;
• 属性值为0的去掉单位。例如 margin:0px; 简写为 margin:0;
• 按照上右下左的顺序简写。例如 a{margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px;} 简写为 a{margin:10px;}
• 数值处理，去掉多余的数位。例如 margin:010.0px; 简写为 margin:10px;
• 根据选择的压缩程度删除多余的空格或换行符
• 合并 background 属性
• 删除所有注释
• 删除每个区块中最后一行的分号
• 添加缺失的分号或单位，修正不正确的换行或颜色值
• property:value ! important; 简写为 property:value !important;（删除了!与important之间的空格）

为什么要优化 CSS？

优化 CSS 有利于加速页面载入和降低流量成本，这对网站和用户都有好处。何乐而不为？

压缩比

压缩比的大小很大程度上取决于你选择的删除空白的程度。一般来说，使用标准的空白删除（兼顾代码的可读性）可使压缩比达到30%以上。当然，如果你的 CSS 代码中本身就有很多空白，压缩比将会更高。

除了压缩还有什么

如果压缩对你来说不是很重要，你也可以用 CSSTidy 来对 CSS 进行整形或修复。除了4种默认的模板，你还可以使用自定义的模板对 CSS 代码整形。结构良好、一目了然的 CSS 代码对日后的维护是非常有利的。