（转）8款在线CSS优化工具/组织和压缩CSS

CSS的优化一般包括两方面: 格式化CSS和精简CSS。

精简CSS的办法是把具备相同属性的元素合并在一块儿，但这会下降代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。

格式化CSS通常就是多行模式或单行模式的选择，好比我我的就彻底受不了多行模式 

下面是一些在线的CSS优化工具，能让你方便的对CSS文件进行各类优化处理。

1. Online CSS Optimizer /在线CSS优化

该在线工具用于精简和压缩样式表的文件大小，优化后的代码将彻底是混乱的，支持输入URL，提交文件和直接输入进行压缩。

2. CSS Compressor/CSS压缩

做用同上，但这个工具拥有很是详细的压缩选项，它包含基本模式和高级模式。

在基本模式下, 你能够选择压缩模式: 轻度，标准和高度。最高模式压缩后的文件最小，但同时可读性也就最低，甚至压缩后就出问题也可能，以此类推。还能够选择CSS注释代码的处理: 不处理注释，清除全部注释或限定注释字符数。

在高级模式下，还能够对空白，Tab，新行等等进行选择处理。

3. CleanCSS / CSS格式化和优化工具

基于 CssTidy 的一款在线CSS优化工具，既能够格式化CSS代码，也能够优化CSS减小CSS文件大小，包含很是详细的选项设置。好比选择器和属性的排序，大小写转换等等。

4. CSS Analyzer / CSS有效性分析工具

检查样式表的有效性，验证样式表是否符合 W3c 标准，同时进行颜色对比测试和确保尺寸的单位(W3C的Guideline 3.4 建议使用相对而非绝对单位，虽然px是相对单位，可是最终的字体大小却取决于输出介质，因此建议是使用百分比和em等尺寸单位。)

5. Format CSS Online /在线CSS格式化工具

这是一个专门用于格式化CSS样式表文件的在线工具，讨论该使用”多行模式”仍是”单行模式”或其它模式是没什么意义的，不如你们就按本身的模式去作，在协做的时候用工具从新格式化成本身喜欢的模式就行了。

6. Tabifier

很是简单的格式化工具，经过增长代码的缩进来让代码更具可读性。

7. Pretty Printer

一款多用途代码优化工具，提供多种选项，除 CSS 外，还支持 PHP，Java，C++，C，Perl，JavaScript 等多种语言。

8. Styleneat

简单易用的CSS格式化工具，虽然选项很少，但仍是蛮实用的，支持直接输入，上传文件和输入URL。 

最后，我的的一些建议: 使用在线工具进行格式化，但不要使用在线工具进行压缩，最好本身手动进行一些元素和属性合并。

转载自 8款在线CSS优化工具/组织和压缩CSS | 帕兰映像