如何删除多余无用的css

html-css08

如何删除多余无用的css,第1张

火狐的 CSS Usage 扩展是专门干这个的。用法是开启 AutoScan 选项,手动翻看尽量多的页面,手动触发显示尽量多的元素,以让尽量多的规则起作用,然后就可以导出干净的 CSS 了。

写好的css最好还是尽量少删啦,因为可能现在没起作用,在某一块没起作用,但是说不定以后能起作用,在别的地方能有用。在现在越来越强调代码重用的环境下,我们只能在编码初期就把代码整体架构给打好。比如说选择一个好的样式重置,科学的浮动清除方式等等都是至关重要的。所以我觉得与其想办法删除一些多余的css,倒不如把心思花在前期工作和css代码的锤炼上,毕竟事先解决比事后解决还是好一些的嘛。

写网页的时候CSS样式一般是先把没用的清楚掉的,比如自带的边框 margin  padding等等,

你需要把所有的标签基本都得清除一遍,不然后期写网页的时候有的小细节问题很难排查出来

三个步骤

1.删除头部CSS外链代码,类似 <link href="/xxx" rel="stylesheet" type="text/css">

2.删除头部<style></style>CSS代码部分

3.删除CSS行内样式 例如<div style="xx">将style="xx" 删除