CSS在线优化工具推荐

十一月 12th, 2008 浏览: 303 views次点击

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

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

网站地址:

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

使用说明:

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

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

相关文章

Entry Filed under: 网络书签

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


同分类文章

标签

最新文章