构建CSS框架的门户站点的规则
第一：构建CSS框架的目的：1。主流平台适应性标准化与前端实现的实现；
2。快速发展，在确定站点风格之后，前端不应成为整个项目的瓶颈。
三.重构需要使类和块样式尽可能地重复使用；
4。结构和性能分离的需求遵循语义结构的一致性。
5。框架完全符合CSS框架，具有金融网络的特点。
6。对代码进行必要的搜索引擎优化。
第二部分：CSS命名的一些约定：
1。该类的名称和ID名称不在资本表中使用。
2。尽可能多地使用描述性英语单词作为类名和ID名称的组合。
3.id多英文名和类名使用连字符分隔_；
4。描述：按地区main01_div01_ul01（可以理解为第一个UL的第一个div的第一区第一区）
我们必须分析整个网站和设计草案，以完成符合其门户结构的CSS框架。
我们以新浪网为例：
场地结构分析：
整个页面分为：首页、更多页面、内容页面、主题页面、数据中心、新闻中心、频道页面、广告…
我们整理这些页面以找到它们的公共部分。这些发现包括以下几个方面：CSS样式和区域和模块的碎片化。我们需要做的是提高这些公共部件。
经过观察，我们可以将CSS划分为以下几类：
sjweb.css主样式表：
字体（字体样式，字体大小，颜色集合）
布局（框架结构集）
全局（默认样式集合）
组件（组件的页面样式，模块碎片收集）
这些都是进口sjweb.css体风格形式，与身体的样式表是用来装载新的外交风格。
例如，广告样式表。
这样，这些页面只需要编写一点属于自己特殊要求的CSS样式代码。
在构建这个CSS框架时，有许多细节需要统一，比如行间距、模块之间的间隔距离等等。
以下是门户首页的结构。
规则:
1。在所有区域之间，模块之间的距离约为8像素；
2。新闻列表的颜色# 333；
三.新闻列表的行间距为20像素；
......等
调整环境：IE7，FF、IE6，IE5。X，歌剧。
PS：事实上，更多的是你的时间的细节，我不多说better.ha-ha