▲如何对css文件进行整理

我对css文件整理的一些想法：

1.HTML元素的定义（包括如ul等一些标签的样式reset）；

2.定义通用样式库；

3.先样式再布局后模块。具体做法是：

　　（1）把跟颜色有关的样式提取出来（如字体、链接、边框、背景之类）；

　　（2）把跟整体布局有关的样式进行整理（主要是分栏的width）；

　　　　　　-->理解宽度：

　　　　　　　　 尽可能地少用宽度！ 有何好处？♦ 由于ie6跟标准浏览器在解析width元素的不一致性，导致在使用width的时候，很可能因为太多的width而出现布局上的混乱和错误；♦ 少用width，同时提升了网站的可扩展性，因为限制了宽度，当内容需要扩充或者要把样式引用到另一个模块的时候，一般情况下是无法实现的。

　　　　　　　　 如何更好地引用width？♦ width独立出来，不与其他样式写在一起；♦ width不与border、padding、margin写在一起。

　　　　　　　　 如何做到少用width？少用圆角的、横向渐变的图片。

　 （3）把模块的样式进行合并。 这里的模块是指为了网站风格的统一，同一块样式被多次重复使用的，这时可以把样式合并（如标题栏，选项卡、列表、分页样式等）。

4.先整体后局部。

　　 这里的整体已经不再是从整个网站或整个页面出发了，而是具体到每一个栏目(如淘宝网首页的“所有类目”、“热卖单品”等)。 而局部也是相对于栏目而言的（如字体、间距等）。

5.特殊的、暂时无法移除的，放在文件最末端。