CSS在线优化工具推荐
十一月 12th, 2008 浏览: 303 views次点击
网页标准化提倡使用DIV+CSS布局网页结构。在使用CSS规划网页的时候有很多方法可以将代码进行有效合理的压缩,这样的好处在于:一来方便设计者维护和查看,而来给代码页面进行了“瘦身”处理,从而加快了页面的加载速度。
至于CSS中的一些缩写的“瘦身”技巧,此处就不说了;这里推荐给大家两个比较好的在线压缩(优化)CSS代码的网站。
网站地址:
使用说明:
- 这两个网站你可以视为一个网站的不同语言版本;
- CSS 原始码:此处可以将你的页面的CSS代码直接输入,然后尽心相应操作;
- CSS 文件地址(URL):你可以直接输入CSS样式单的网络地址,然后选择相应操作,会达到一样的效果;
- 优化选项:这是CSS优化的关键部分,在使用的时候很实用网站建议大家使用轻度优化,也就是说不改变属性的字形、移除不必要的反斜线、除去最后一个分号、其他选项采用默认方式。
- 在你“执行”操作后,相应的优化信息会展示出来并且会告诉你哪里改变了,页面优化了多少字节以及所占的百分比,最后会在页面底部将新的最终的代码输出显示。
网站的CSS代码经过了这样的优化处理,效果是比较明显的。不过建议在使用CSS优化的时候最好保留一个备份,哪里优化过度了也好及时恢复回来。
相关文章
Entry Filed under: 网络书签
Leave a Comment
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