怎样检查多余的CSS代码,有什么软件么?

html-css09

怎样检查多余的CSS代码,有什么软件么?,第1张

什么软件也不如手动安全放心,听意思,你的代码页不是很多,手动吧

如果你对css很熟悉,那这应该不是难事呀,根据id

class删掉无用的如果不熟悉,那就打开css文件,先暂时把代码全部删掉,然后分部分把代码复制回css

文件里,复制一部分,检查下页面效果,这样反复操作几次,把有用的留下,把没用的删掉。

传说中有个功能键叫:ctrl+f

传说他可以替换和查找整个站点的文件。

还有一个神奇的文件,他叫***.css.听说你只要在里面只要写入一句样式,然后通过上面所说的ctrl+f

将这个神奇的css文件应用到所有站点文件里去,你的愿望就可以成真了。

要查看一个网站使用了什么css代码,可以通过在网站空白处右键,选择查看源代码,一般来说css代码有三种引入形式,第一种是直接在标签后面加style属性,比如<div style="width=...height=..."></div>第二种是写在<style>标签内部;第三种是通过<link>标签引入,引入文件的后缀一般是.css,如果是link的引入方式,直接在源文件上点击链接即可看到了。

除了以上办法查看网站的css代码,还可以通过按f12键,调出开发者模式,这种方法可以快速的查到网页上某个元素具体有什么css样式。因为不同浏览器的开发者模式不一样,这里就不展开说明了。

以上办法基本上可以得到网站的css代码,当然,如果网站是通过js动态引入或者修改css样式,这就得费较大一番功夫了。