博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(转)8款在线CSS优化工具/组织和压缩CSS
阅读量:5052 次
发布时间:2019-06-12

本文共 988 字,大约阅读时间需要 3 分钟。

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

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

格式化CSS一般就是多行模式或单行模式的选择,比如我个人就完全受不了多行模式 :)

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

1. 

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

2. 

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

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

在高级模式下,还可以对空白,Tab,新行等等进行选择处理。

3. 

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

4. 

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

5. 

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

6. 

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

7. 

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

8. 

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

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

转载于:https://www.cnblogs.com/chu888chu888/archive/2012/01/10/2318235.html

你可能感兴趣的文章
输入月份和日期,得出是今年第几天
查看>>
Qt中子窗口全屏显示与退出全屏
查看>>
使用brew安装软件
查看>>
[BZOJ1083] [SCOI2005] 繁忙的都市 (kruskal)
查看>>
吴裕雄 python 机器学习——数据预处理嵌入式特征选择
查看>>
Centos6.4安装JDK
查看>>
201521123069 《Java程序设计》 第4周学习总结
查看>>
线性表的顺序存储——线性表的本质和操作
查看>>
【linux】重置fedora root密码
查看>>
pig自定义UDF
查看>>
输入名字显示其生日,没有则让输入生日,做记录
查看>>
Kubernetes 运维学习笔记
查看>>
并查集 经典 畅通工程
查看>>
Spark MLlib 之 Naive Bayes
查看>>
php修改SESSION的有效生存时间
查看>>
spring security 11种过滤器介绍
查看>>
Hibernate一对多、多对一关联
查看>>
一、记录Git使用中遇到的问题及解决方法
查看>>
学习网址
查看>>
前端表格插件datatables
查看>>