关于大型门户，海量信息渠道及多模块，多区域化网站，更需求对CSS，XHTML的标准化，契合语意的HTML布局，复用性强的CSS代码，这些才干保证你的网站，具有极好的“地基”。
榜首部：关于构建CSS布局咱们要完成的意图：
1.完成标准化，具备主流渠道适应性的前端完成；
2.疾速开发，在站点个性断定后，前端不应该成为整个项目里瓶颈；
3.重构的需求，尽可能的让类和区块款式可重用；
4.别离布局和体现的需求，恪守了语义化布局的约好;
5.构架完全契合金融网特征的CSS布局。
6.对代码进行必要的搜索引擎优化。
第二部：关于CSS命名的一些约好：
1.不运用大写方式的类名和id名;
2.尽可能运用描绘性的英文单词的组合作为类名和id名;
3.id名及类名的多个英文单词之间运用“_”短横线分隔;
4.按区域进行描绘编号 例：main01_div01_ul01 (能够理解为主体榜首区域 榜首DIV下的榜首个UL)
下来咱们要对整个网站及规划稿进行剖析，去做契合自个门户布局特征的CSS布局。咱们以新浪网为比方进行站点布局剖析，整个页面分为：主页，更多页，内容页，专题页，数据中心，新闻中心，频道页，广告……
咱们对这些页面进行收拾，去发现他们的公共有些：CSS的款式,及区域，模块的碎片。咱们需求做的是把这些公有的有些提出来，咱们能够把CSS分以下几类：
主体款式表：sjweb.css
font(字体款式，字号，色彩的调集)
layout(布局布局 调集)
global(全局默认款式调集)
component（构成页面有些款式表，模块碎片调集）
这些讲通通的被import到sjweb.css主体款式表里，主体款式表做为一个loader加载新的外来款式，比方广告款式表。
这样这些页面只需求写一点点 归于自个特殊要求的CSS款式代码就能够了。
在构建这个CSS布局的时分有许多细节的东西佳能统一化，比方：行距离，模块之间间隔间隔等。
规矩：
1.所有area之间，模块之间，距离上下左右为：8 Pixel ;
2.新闻列表色彩#333 ;
3.新闻列表行距离20 pixel；
……等等
调整环境：IE7,ff,IE6,IE5.x,Opera。.
