3.CSS的组织

正所谓见仁见智，所以如何组织CSS可以有多种角度，例如按功能划分:将控制字体的CSS集中在font.css文件里，将控制颜色的CSS集中在color.css，文件里，将控制布局的CSS放在1ayout.css文件里;或者按区块划分:将头部的CSS放在head.css里，底部放在foot.css里，侧边栏放在sidebar.css.，主体放在main里。不同角度的组织方法都有自己的道理，也有自己的优点和缺点。

    这里推荐一种组织CSS的方法:base.css + common.css + page.css。将网站内的所有样式，按照职能分成三大类:base.css，common.css，page.css。在一般情况下，任何一个网页的最终表现都是由这三者共同完成的。这三者不是并列结构，而是层叠结构，如图所示。

3.1 Base层

    这一层位于三者的最底层，提供css reset功能和粒度最小的通用类—原子类。这一层会被所有页面引用，是页面样式所需依赖的最底层。这一层与具体UI无关，无论何种风格的设计都可以引用它，所以base层要力求精简和通用。如果将用css控制页面样式比喻为建房子，这一层的核心职能是为房子打好地基css reset，并将建房用的砖块(原子类)准备充足。因为几乎所有的房子都要打地基，也都需要砖块，所以basc层具有高度可移植性，不同设计风格的网站可以使用同一个base层。因为这一层的内容很少，所以可以简单地放在一个文件里，例如base.css。

base.css层相对稳定，基本上不需要维护。

示例：YUI