技巧分享——如何去除多余的CSS代码?
2014-03-18 11:25
435 查看
有时候,当你的CSS代码过多的时候,而且已经明确知道有部分CSS代码是多余的;
这时候,有什么较快的办法可以去除多余的CSS呢??
下面分享一个实用技巧:
1、使用谷歌浏览器:Chrome 。下载
2、进入网页,右键->审查元素,选择Audits:
3、点击Run,之后出现如下统计,点击进去后就是多余的CSS代码!
注意:要删除多余的css代码时要小心,这里显示的只是当前页面的多余代码,别的页面可能有用,所以删除之前务必确认是全局多余的代码。
这时候,有什么较快的办法可以去除多余的CSS呢??
下面分享一个实用技巧:
1、使用谷歌浏览器:Chrome 。下载
2、进入网页,右键->审查元素,选择Audits:
3、点击Run,之后出现如下统计,点击进去后就是多余的CSS代码!
注意:要删除多余的css代码时要小心,这里显示的只是当前页面的多余代码,别的页面可能有用,所以删除之前务必确认是全局多余的代码。
相关文章推荐
- CSS技巧分享:如何用css制作横排二级下拉菜单
- CSS经验分享:如何书写可维护的CSS代码01
- 手机开发必备技巧:javascript及CSS功能代码分享
- 【旺铺2012分享】导航CSS代码使用修改技巧!
- CSS技巧分享:如何用css制作横排二级下拉菜单
- 【css】如何去除搜索引擎统计代码中的文字及图片
- 手机开发必备技巧:javascript及CSS功能代码分享
- 【转】CSS经验分享:如何书写可维护的CSS代码
- 手机开发必备技巧:javascript及CSS功能代码分享
- CSS经验分享:如何书写可维护的CSS代码
- 博客技巧----如何查看BLOG网站的CSS代码
- js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
- 分享css 填坑常用代码(未测试)
- 分享30个开发人员有用的CSS代码片段
- [浪风分享] 博客园博客导航固顶--简单实用的css代码
- sketchup技巧分享-如何利用组件创建无缝图案艺
- CSS代码缩写技巧
- 十大注释技巧教你如何书写容易阅读的代码--转载
- 提高css代码技巧
- 如何提升我的HTML&CSS技术,编写有结构的代码