« Google搜索结果集成Alexa流量条SVN的优势及删除.svn文件夹的高效方法 »

CSS在线优化工具推荐

网页标准化提倡使用DIV+CSS布局网页结构。在使用CSS规划网页的时候有很多方法可以将代码进行有效合理的压缩,这样的好处在于:一来方便设计者维护和查看,而来给代码页面进行了“瘦身”处理,从而加快了页面的加载速度。

至于CSS中的一些缩写的“瘦身”技巧,此处就不说了;这里推荐给大家两个比较好的在线压缩(优化)CSS代码的网站。

网站地址:

  1. http://blog.templatehome.cn/csstidy(中文)
  2. http://www.cleancss.com(英文)

使用说明:

  1. 这两个网站你可以视为一个网站的不同语言版本;
  2. CSS 原始码:此处可以将你的页面的CSS代码直接输入,然后尽心相应操作;
  3. CSS 文件地址(URL):你可以直接输入CSS样式单的网络地址,然后选择相应操作,会达到一样的效果;
  4. 优化选项:这是CSS优化的关键部分,在使用的时候很实用网站建议大家使用轻度优化,也就是说不改变属性的字形、移除不必要的反斜线、除去最后一个分号、其他选项采用默认方式。
  5. 在你“执行”操作后,相应的优化信息会展示出来并且会告诉你哪里改变了,页面优化了多少字节以及所占的百分比,最后会在页面底部将新的最终的代码输出显示。/LI>

本人的几个网站的CSS代码都经过了这样的优化处理,效果是比较明显的。不过建议在使用CSS优化的时候最好保留一个备份,哪里优化过度了也好及时恢复回来。



本文链接地址:http://www.henshiyong.com/archives/118.html

转载请注明:转载自很实用博客网站 [ http://www.henshiyong.com ]

发表评论(Open/Close):

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  •  9.胡戈戈  http://hugege.com
  • 感觉不是很好,还是手工来优化算了
    很实用网站 于 2008-11-25 11:55:03 回复
    可以先用它优化,然后根据她的提示手工优化。
  • 2008-11-18 11:47:28 回复该留言

订阅博客

  • 订阅很实用网站
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过抓虾订阅本站
  • 通过飞豆订阅本站
  • 通过电子邮件订阅本站

站内搜索

最新评论及回复

AD

最近发表

Powered By Z-Blog 1.8 Devo Build 80201

Copyright www.henshiyong.com. Some Rights Reserved.