▲如何对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.特殊的、暂时无法移除的,放在文件最末端。

原文地址:https://www.cnblogs.com/balaixianren/p/2088601.html