两款CSS代码优化压缩必备工具
到目前为止,绝大部分的网页都使用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代码压缩率还是比较小的。
这款工具提供了英语、德语、法语和中文繁体版本,本人已经将繁体转化为简体挂靠在http://www.yetlive.com/css/了。

你网页底部加的那些游戏链接我见不少网站都加有,1000ip展示给你5块钱吗?
很好用,以前一直试图找这样的工具
过来学习学习,这链接也太多了吧!
@记忆盒子:打包一月买
@放牛娃:
稍微做了个小小的广告咯
@妮裳神话:
链接其实是打包买的……
怎么你有336X280的广告???我看到最多也就300X250呀。
@记忆盒子:这个很奇怪吗?首页那里小广告撑不起来啊。本来想用文章列表的,一直没空好好修改下主题
yetlive.com是?
收藏下。。。谢谢。。
@nobird:你也看出来咯,等到7号就转移到那
@句子:是个该收藏的东西
我的改版已经完成了,正好把CSS,JS都压缩压缩
路过,来瞧瞧!
@三七八蛋:来得早不如来得巧哦
快照过年回家了,在回去之前来到博友这里,送上虎年的祝福,新年快乐,顺顺利利
我就用firefox看看
现在刚刚用ZB博客,代码类的学习中,新年新气象,加油吧