当然，这种方法比较机械化。
最好的方法是，在写代码时，多使用类命名，分离重复样式。
1.自己写的页面代码，（最好是吧html文件和css文件分开哦，这样浏览器运行的快），简单的自己可以整理好，如果太长了那就按ctrl+a全选，再按ctrl+c复制
2.打开浏览器（要能上网的前提下哦），点百度在搜索栏写“Html在线美化压缩/转js"，点击搜索····
3.进入页面后，你可以看到如下面的图片显示的页面，看好上面的网址末尾是html哦，然后将文本框里面的内容删掉，并把你刚才复制的全部代码粘贴到下面的编辑文本框（ctrl+v）.
4.复制完后，点击下面的美化，完了之后编辑文本框中显示的代码就是美化后的，你可以继续进行--全选（ctrl+a）--复制（ctrl+c）,用这些代码全部替换你原来的代码，你的html代码结构就很清楚了，而且也利于修改啦~~
5.如果你还想修改你的css代码，你可以将如下图所示的地方修改成“css”然后（回车）即可看到如下面所示的图片的页面
6.然后你就按之前说的将你的css代码全部放到这个编辑文本框中，你可以进行文本框下面的操作，不同的操作对应的样式也是不一样的，具体如下图所示喔~~
7.其实”净化“和”整理“是很像的就是最后一个css只是否多个”；“，整理时有分号的，净化是没有的（小伙伴要看仔细咯），如果没有看清楚，可以返回上步仔细看，也可以自己亲自试试
对于这些烂兼容问题，我建议你：在每个网站的开头加上<style type="text/css">
body,ul,div{margin:0pxpadding:0px}
div{overflow:hidden}
</style>
还有一切以浏览器为准。
尽量少用table
