兄弟们来讨论一下CSS文件管理的方式

[无涯]

1. Global.css 全局样式

定义全局字体大小、行高、颜色、字体等属性;
Global文件导入Layout、Form、Link样式文件;

此文件所有页面都需引入;


2. Layout.css 布局与公共模块类库

定义整体布局与公共模块的样式文件;

先定义名称接口, 再写具体渲染属性;

例如:
/* css class 先定义公共模块名称及其作用 */
div.head {} /*/ 网站公共头部 */
div.layout {} /* 网站主体布局 */
div.footer {} /* 网站地址栏及版权信息部分 */

/* head 具体属性定义 */
div.head { }

这里选择器名称统一用class类命名 ( 如: div.*, 前面都需要加标签名称div或span ); 方便局部ID继承;

3. Form.css 表单样式库

定义表单注册、搜索等表单相关的样式;


4. Link.css 链接样式
有链接的样式统一这里定义; 方便修改;

5. Print.css 打印样式
需要打印的页面导入此样式文件;


6. 局部样式.css

根据局部不一样的产品或频道导入不同的局部样式, 局部样式单独定义一些模块及继承全局定义的模块;


这个css管理方法只是我的虚构阶段. 还未付诸实施, 有何不妥之处,,,兄弟们提出来; 有更好的经验方式请不惜吝啬指教小弟我....

[adam]

感觉如果调用太多到会影响下载速度的~^_^