去除多余的CSS代码的方法
CSS #多余css代码2014-03-19 09:17
在项目中,常常有这个情况,一个CSS有N多的无用代码,这时候,有什么较快的办法可以去除多余的CSS呢?
下面分享一个好用的方法。
1、使用谷歌浏览器:Chrome 。下载地址:http://www.google.cn/intl/zh-CN/chrome/browser/?installdataindex=chinabookmarkcontrol&brand=CHUN
2、进入网页,右键->审查元素,选择Audits:
3、点击Run,之后出现如下统计,点击进去后就是多余的CSS代码!
值得注意的是:这里显示的只是当前页面的多余代码,别的页面可能有用,所以删除之前务必确认是全局多余的代码。
相关文章
- 在firefox和chrome中tr的display属性设置出现td的colspan无效问题 2012/12/27
- 英文输出自动换行的CSS代码 2012/10/29
- DIV+CSS浏览器兼容性总结 2012/10/12
- 说下relative、absolute和float 2012/07/12
- 说下display:inline-block 2012/07/12
- CSS3实现圆角 2012/07/12
- CSS中float用法介绍 2012/07/10
- IE中的BUG之margin-bottom失效 2012/06/29
- 超链接a标签去掉虚线框/虚线/去除虚线框 2012/06/14
- css非标准的ime-mode属性 2012/05/19