网页设计CSS优化工具

发布时间：2012/3/16 20:01:25 作者：易鹤通来源：鹤壁网页设计浏览次数：次

易鹤通科技致力于鹤壁网站建设_鹤壁网站制作_鹤壁网站设计_鹤壁网站优化_鹤壁网站营销，欢迎致电我们：158-0392-6708

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

CSS 优化通常包括两方面 : 格式化 CSS 和精简 CSS

但这会降低代码的可读性，精简 CSS 方法是把具有相同属性的元素合并在一起。使代码的后期维护很麻烦，稍不注意就出错。格式化 CSS 一般就是多行模式或单行模式的选择。

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

1. Online CSS Optimiz / 线 CSS 优化

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

2. CSS Compressor/CSS 压缩

但这个工具拥有非常详细的压缩选项，作用同上。包括基本模式和高级模式。

规范和高度。最高模式压缩后的文件最小，但同时可读性也就最低，甚至压缩后就出问题也可能，以此类推。还可以选择 CSS 注释代码的处置 : 不处理注释，清除所有注释或限定注释字数。基本模式下 , 可以选择压缩模式 : 轻度。还可以对空白，高级模式下。 Tab 新行等等进行选择处理。

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

既可以格式化 CSS 代码，基于 CssTidi 一款在线 CSS 优化工具。也可以优化 CSS 减少 CSS 文件大小，包括非常详细的选项设置。比如选择器和属性的排序，大小写转换等等。

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

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

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

讨论该使用 ” 多行模式 ” 还是单行模式 ” 或其它模式是没什么意义的不如大家就按自己的模式去做，这是一个专门用于格式化 CSS 样式表文件的线工具。协作的时候用工具重新格式化成自己喜欢的模式就好了

6. Tabifier

通过增加代码的缩进来让代码更具可读性。非常简单的格式化工具。

7. Pretti Printer

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

8. Styleneat

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

分享到：