很多人对CSS的了解和使用,往往是只知其一不知其二。比如说,CSS的一些优化方法,很多人不知道;CSS的用法标准,很多人不知道。
于是,出现的结果往往是,这个页面的CSS极其臃肿,确实解决了呈现方面的问题,但是给维护更新带来了麻烦。并且,页面加载起来也不是那么快速高效。
其实这还不是很关键的。问题是,很多时候,我们拿到人家的代码做修改的时候,发现人家给出来的CSS文件特别没有章法,看起来很乱,就连大小写问题也没有统一。
那么我们需要做的就是将这些CSS进行重新格式化处理,优化处理!
手工的办法是可行的,但是效率很低。我们其实可以借助CSS整形与最佳化工具进行处理。
CSS整形与最佳化工具介绍
顾名思义,CSS整形与最佳化工具是对CSS进行最佳化处理的一款优秀的工具。过过该工具,我们可以对远程的以及本地的CSS进行优化处理,最终得到高效的、稳定的、符合w3c规范的CSS代码。
下面给出CSS整形与最佳化工具操作中的一些说明
重要事项: 你的原始码必须是正确的(well-formed). 这个工具没有内置验证器(validator). 验证器能够指出你css原始码里的错误.请使用 w3c验证器, 确保你的原始码合乎规范。
选项 保护CSS
整理选择符(请谨慎使用)
整理属性
重组选择符
速记法(shorthand)最佳化
压缩色彩语法
压缩 font-weight
改用小写选择符
属性的字形:
不改变 小写 大写
移除不必要的反斜线
除去最后一个分号
抛弃不符合规定的属性
加上时间戳记
最后,给出CSS整形与最佳化工具的地址,点击这里查看。有好几种语言,可以选择你喜欢的语言进行操作。
网络->CSS, w3c
