1、chrome浏览器 F12审查元素的Audits
说明：使用Audits，会检测出页面中没有用到的css，需要手动删除多余的css；同时需要说明的是检测出多余无用的css块，而不是某一行css。
2、CSS usage插件
（1）安装Firefox浏览器
（2）安装firebug
Firefox浏览器--添加附件--搜索插件--安装
（3）安装css usage
步骤同安装firebug一样。
（4）检测
重要说明：可以导出干净的css
删除多余的css，首先我们需要明确是，确实不需要这个css样式了，或者是这个css的样式重复了，我们才会去删除，删除的方法就是找到多余的css代码的位置，然后在选中用del删除就行了，具体看代码：<html>
<head>
<style>
.div1{
width:600px
height:200px
font-size:13px
border:1px solid #f00
}
.div p{
font-size13px//这条就是多余的，因为在它的父级元素中设置了，可以删除
}
</head>
<body>
<div class='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
写网页的时候CSS样式一般是先把没用的清楚掉的，比如自带的边框 margin padding等等，
你需要把所有的标签基本都得清除一遍，不然后期写网页的时候有的小细节问题很难排查出来
