8款在线CSS优化工具/组织和压缩CSS
CSS的优化通常包括两方面: 格式化CSS和精简CSS
。
精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。
格式化CSS一般就是多行模式或单行模式的选择，比如我个人就完全受不了多行模式
下面是一些在线的CSS优化工具，能让你方便的对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， 等多种语言。
8. Styleneat
简单易用的CSS格式化工具，虽然选项不多，但还是蛮实用的，支持直接输入，上传文件和输入URL。
最后，个人的一些建议: 使用在线工具进行格式化，但不要使用在线工具进�
相关文档：
什么情况下会出现换行：
当元素设置了固定高度，并且文本长度大于标签元素的宽度时，文本会自动换行。
css强制换行使用样式：white-space:nowrap;该样式从效果上是没有浏览器差异，使用该样式后所有文字在ie和firefox下都在一行内显示。但是在IE下使用该属性值后标签元素宽度会被撑大，从而可能导致原来页面布局被破坏。
......
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #33 ......
定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。
定位的定义：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed
static 没有特别的设定，遵循基本的定位规定，不能通过z-index� ......
在网页里使用table的时候，样式一般比较难管理，因为table的有些样式与其它控件不太一样
1、table的分外边框，tr边框，td边框，它们之间都是有间距的
2、你可以指定它们之间的间距为0，但当你设置边框时，会发现边框是2px宽的，因为在table里，tr、td等元素是相邻的
所以想做一个好看的table样式可以参考以下的步骤：
1 ......
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
