在门户网站上构建CSS框架的规则

对于大型门户网站，信息平台和多模块，多区域网站，需要CSS，XHTML，标准化，语义HTML框架和可重复使用的CSS代码来保护您的网站具有良好的“基础”.

第1部分: 关于构建CSS框架的目的:

1. 实融网络的CSS框架. 6.对代码执行必要的搜索引擎优化.

第2部分: 有关CSS命名的一些约定:

1. 不要使用大写的类名和ID名； 2.尽可能使用描述性的英语单词组合作为类名和ID名； 3.在ID名称和类名称的多个英语单词之间使用“ _”css控制网页框架中间距，并用短横线分隔； 4.按区域描述编号示例: main01_div01_ul01（可以理解为主体第一区域中第一个DIV下的第一个UL）

接下来，我们将分析整个网站和设计草案，以创建符合我们门户结构特征的CSS框架

我们以新浪为例:

进行网站结构分析:

整个页面分为: 首页，更多页面，内容页面，特殊页面，数据中心，新闻中心，频道页面，广告...

我们整理这些页面以查找它们的共同部分. 找到它们的地方是: CSS样式以及区域和模块的片段. 我们需要做的是显示这些公共部分.

观察后，我们可以将CSS分为以下几类:

主要样式表: sjweb.cssfont（字体样式，字体大小，颜色集合）布局（框架结构集合）全局（全局默认样式集合）组件（组成页面部件样式表，模块片段集合）全部已导入在sjweb.css的主样式表中，主样式表用作加载程序以加载新的外国样式，例如广告样式表. 这样，这些页面只需要编写一些属于自己特殊要求的CSS样式代码即可.

构建此CSS框架时css控制网页框架中间距，最好将许多细节统一起来，例如: 行间距，模块之间的间距等.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/ruanjian/article-178011-1.html