CSS精简工具——除去多余的css样式-阿里云开发者社区

开发者社区> imzdx> 正文

CSS精简工具——除去多余的css样式

简介: 有时候开发网页中在改版之后,存在很多无意义的样式,对于后期的管理和维护很不友好。 如果手动去删除,很可能会导致出现更混乱的问题。   最近找到一个Chrome插件,CSS remove and combine,用于一键重新生成网页中引用的样式,非常方便。
+关注继续查看

有时候开发网页中在改版之后,存在很多无意义的样式,对于后期的管理和维护很不友好。

如果手动去删除,很可能会导致出现更混乱的问题。

 

最近找到一个Chrome插件,CSS remove and combine,用于一键重新生成网页中引用的样式,非常方便。

下载地址:http://www.cnplugins.com/devtool/css-remove-and-combine/

 

安装之后的效果:

 

其功能主要有两个部分

① 下载精简格式化后的CSS:

 

② 未使用的选择器分析报告:

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
CSS_边框样式
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/54729515 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。
670 0
CSS样式更改——2D转换
CSS样式更改——2D转换
705 0
博客园页面css样式
#sideBar,#blog_post_info_block { display: none; } #under_post_news { display: none; } /*评论框大小*/ #tbCommentBody.
995 0
CSS样式更改篇——背景Background
CSS样式更改篇——背景Background
217 0
8个简化CSS3开发的最佳工具
1)CSS3 Generator 这是一个非常有用的CSS3代码生成器,能为许多最受欢迎的css3属性生成代码,如:text-shadow, border-radius, Box Resize等 2)CSS3 Pie CSS3带来了一些非凡的样式特性:圆角、阴影、梯度填充等等,这些都是设计者们乐于使用的,但是实现起来困难而耗时。
598 0
WebSerivce测试工具 Storm
STORM 是一款免费且开源的WebSerivce测试工具 它的功能: 1,测试任意语言测试 WebService 2,可动态调用webservice的方法,即使输入参数需要使用复杂的数据类型 3,节省开发成本与时间。
781 0
【JavaScript框架封装】实现一个类似于JQuery的CSS样式框架的封装
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81123779 ...
857 0
CSS样式中选择器失效问题
对于怎么排查样式失效:    1. 学会使用小程序开发者工具提供的小程序调试工具和Chrome调试工具来排查原因(这会很大程度上减少排查问题的    时间);    2. 首先需要确认标签有可能使用什么来作为样式选择器,最常用的是标签、class、id,确认是否设置了相应的属性;    3.
733 0
+关注
imzdx
数据库相关技术专家
322
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载