构建CSS系统的先进步是要规划好CSS文件结构。一般网站的CSS样式文件会被分为主文件和分类文件。
主文件中可以定义所有页面的公共属性，如网站默认字体、链接、页眉、页脚和公共类等，同时还会会包含各种被分离的CSS文件链接。
根据页面类型分离文件这种思路是根据不同类型页面分离CSS样式表文件。例如，根据网站的首页、频道页和详细页设计不同的样式表文件。这样每个页面都会有属于自己的CSS文件。当网站页面类型比较单纯，显示样式又比较统一时。选择这种方案非常理想，它简单明了、行之有交往，如一些企业网站就是比较适合，基本上用几个网页模板就可以实现整体的网站建设。解决途经
§把不同的页面公共样式存放在主样式表文件中，然后分别为不同页面定义发球自己的样式表文件，虽然这不是佳方案，但却比较实用。存在风险
§如果网站系统庞大，公共样式必定很多，把如此多的样式都放在CSS主件中，会造成主文件非常庞大，违背CSS文件分离的初衷，当页面被加载时，会下载很多用不上的样式代码。
根据功能模块分离文件这种思路是根据页面中不同模块来CSS文件。例如，根据页眉、页脚、导航条、功能块、新闻块等分别设计不同的CSS文件，这样就可以根据页面模块组成分别导入不同的样式表文件。这种方法比较简单，编写的代码会很干净，导入文件时有的放矢、下载速度比较快。缺点是产生很多小CSS文件。给管理带来一定麻烦。

根据标签类型分离文件根据HTML标签的不同类型来分离CSS文件。例如把form表单相关的样式代码放在一个文件中，把与a相关的链接样式放在另一个文件中。缺点使样式表文件变得很细碎，一个页面有时会导入很多个样式表文件，显得比较繁琐。
根据设备类型分离文件可根据打印、手持设备和屏幕等多种媒体类型设计不同的样式文件。
根据代码规模综合分离文件这种方法是对前面几种方法的综合，可根据代码规模和意图，综合利用上面介绍的方法，实现CSS代码的有机分离。例如，如果网站表单的样式比较多，可以把它单独放在一个CSS文件中；如果某个功能模块使用频率比较高，且样式比较多时，可以考虑把它存放在一个文件中。如果频道页样式统一，不妨定义一个频道样式文件等
根据网页模块的布局顺序从上到下定义
延续上面的总体设计顺序，先定义基本元素属性，然后设计布局属性。在布局先定义总体结构，然后发块详细定义。
属性的组织按字母顺序组织按主次关系组织

§先进步，如果需要的话先声明布局属性（确定元素的显示）display list-style positio float clear等
§第二步，如果需要要的话再声明盒模型属性（确定元素的形状）width height margi paddig border backgroud
§第三步，如果需要的话声明版权属性（确定元素内容显示）color fot fot-size fot-style fot-weight text-decoratio text-aligvertical-alig white-space优先组织