两款CSS代码优化压缩必备工具

到目前为止,绝大部分的网页都使用来控制页面显示外观,在进行网页设计的过程中,为了能够呈现精彩的页面效果,自然无法避免大量的属性,于是在这么多的属性过程中,我们有时不免犯下这样那样的失误或者说对属性进行了重复定义,遇到这样的问题,我推荐大家两款代码检查与优化工具: tidy 和 W3C 验证服务。通过两个工具的配合使用,完善代码以及压缩文档大小,进一步优化你的CSS代码。

W3C 验证服务

相信大家都应该不会陌生了,在书写代码的时候,我们需要保证自己的代码能够达到自己需要的理想效果,最先应该做的就是让自己书写的代码符合规范,而这一规范就是W3C提出的标准了,自然W3C自己提供的校验服务无疑是最权威的优化工具了。

W3C 验证服务已经提供中文版,网址在http://jigsaw.w3.org/css-validator/,验证你的文档有三种方式,一种是输入文档URL,第二种是上传文件,第三种就是直接输入。

他会为你的CSS文档提供优化建议并告知你具体在文档的哪一行哪个位置,优化建议包括文档错误与警告,通常的警告主要集中在使用了同样的颜色上面,这一点如果是你自己有意设置的则无需理会。

基于CSSTidy的CSS文档优化与压缩工具

这一工具可能会有些人不知道,该工具能够做的工作包括压缩文件大小和改善文档可读性。输入你的代码后,他能够为你自动合并为相同ID或者CLASS定义的属性,方便自己以后查找与修改,同时通过不同的压缩选项搭配,也能够把拥有相同属性的ID或CLASS放到一起。

当然,其最大的功能还是在于压缩你的文档,压缩文档能够加快网页显示速度,官方的说明中说到理论最大压缩比率在46.2%,当然书写良好的代码压缩率还是比较小的。

这款工具提供了英语、德语、法语和中文繁体版本,本人已经将繁体转化为简体挂靠在http://www.yetlive.com/tools/css/了。

18 条评论 留下评论

评论分页 1 2 799

留下评论







注意: 第一次留言的用户,您的评论需要审核通过才会显示,抱歉!