最近在网上找到了几款CSS在线优化器，自己试了试，放上来跟大家分享一下。
1. Online CSS Optimizer /在线CSS优化
该在线工具用于精简和压缩样式表的文件大小，优化后的代码将完全是混乱的，支持输入URL，提交文件和直接输入进行压缩。
2. CSS Compressor/CSS压缩
作用同上，但这个工具拥有非常详细的压缩选项，它包含基本模式和高级模式。
在基本模式下, 你可以选择压缩模式: 轻度，标准和高度。最高模式压缩后的文件最小，但同时可读性也就最低，甚至压缩后就出问题也可能，以此类推。还可以选择CSS注释代码的处理: 不处理注释，清除所有注释或限定注释字符数。
在高级模式下，还可以对空白，Tab，新行等等进行选择处理。
3. CleanCSS / CSS格式化和优化工具
基于 CssTidy 的一款在线CSS优化工具，既可以格式化CSS代码，也可以优化CSS减少CSS文件大小，包含非常详细的选项设置。比如选择器和属性的排序，大小写转换等等。
4. CSS Analyzer / CSS有效性分析工具
检查样式表的有效性，验证样式表是否符合 W3c 标准，同时进行颜色对比测试和确保尺寸的单位(W3C的Guideline 3.4 建议使用相对而非绝对单位，虽然px是相对单位，但是最终的字体大小却取决于输出介质，所以建议是使用百分比和em等尺寸单位。)
5. Format CSS Online /在线CSS格式化工具
这是一个专门用于格式化CSS样式表文件的在线工具，讨论该使用”多行模式”还是”单行模式”或其它模式是没什么意义的，不如大家就按自己的模式去做，在协作的时候用工具重新格式化成自己喜欢的模式就好了。
6. Tabifier
非常简单的格式化工具，通过增加代码的缩进来让代码更具可读性。
7. Pretty Printer
一款多用途代码优化工具，提供多种选项，除 CSS 外，还支持 PHP，Java，C++，C，Perl，javascript 等多种语言。
8. Styleneat
简单易用的CSS格式化工具，虽然选项不多，但还是蛮实用的，支持直接输入，上传文件和输入URL。
test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......
css
clearfix(针对火狐height:auto无效解决方案)
Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。
例：
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
wi ......
