到目前为止,绝大部分的网页都使用CSS来控制页面显示外观,在进行网页设计的过程中,为了能够呈现精彩的页面效果,自然无法避免大量的CSS属性,于是在这么多的属性过程中,我们有时不免犯下这样那样的失误或者说对属性进行了重复定义,遇到这样的问题,我推荐大家两款CSS代码检查与优化工具:CSS tidy 和 W3C CSS 验证服务。通过两个工具的配合使用,完善CSS代码以及压缩文档大小,进一步优化你的CSS代码。
W3C CSS验证服务
相信大家都应该不会陌生了,在书写CSS代码的时候,我们需要保证自己的代码能够达到自己需要的理想效果,最先应该做的就是让自己书写的CSS代码符合规范,而这一规范就是W3C提出的标准了,自然W3C自己提供的CSS校验服务无疑是最权威的优化工具了。
W3C CSS验证服务已经提供中文版,网址在http://jigsaw.w3.org/css-validator/,验证你的CSS文档有三种方式,一种是输入文档URL,第二种是上传文件,第三种就是直接输入。
他会为你的CSS文档提供优化建议并告知你具体在文档的哪一行哪个位置,优化建议包括文档错误与警告,通常CSS的警告主要集中在使用了同样的颜色上面,这一点如果是你自己有意设置的则无需理会。
基于CSSTidy的CSS文档优化与压缩工具
这一工具可能会有些人不知道,该工具能够做的工作包括压缩CSS文件大小和改善CSS文档可读性。输入你的CSS代码后,他能够为你自动合并为相同ID或者CLASS定义的属性,方便自己以后查找与修改,同时通过不同的压缩选项搭配,也能够把拥有相同属性的ID或CLASS放到一起。
当然,其最大的功能还是在于压缩你的CSS文档,压缩文档能够加快网页显示速度,官方的说明中说到理论最大压缩比率在46.2%,当然书写良好的CSS代码压缩率还是比较小的。
这款工具提供了英语、德语、法语和中文繁体版本