对于大型门户，海量信息平台及多模块，多区域化网站，更需要对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框架
我们已新浪网 为例子:

进行站点结构分析：
整个页面分为：首页，更多页，内容页，专题页，数据中心，新闻中

很多人的MSN上都有这个I'am符号。

这是微软刚刚启动一项值得所有Windows Live Messenger用户参与的活动——“I'm Initiative”。

在这项活动中，你可以选择在自己的Live Messenger名称中加入特别代码，以支持九个慈善组织，系统会自动识别你的WLM名称，并对你所支持的慈善组织进行捐助。
参加此次活动的每个慈善机构都将在该活动第一年至少获得10万美元捐款——无上限，支持的人越多，捐款数额越高。
这已经不是微软第一次进行类似的慈善活动，但是此次慈善活动参加极为简单，你只需要选择以下代码加入自己的WLM显示名称中即可。
添加代码后，你的WLM显示名称会自动出现I'm图标。

以下是参加活动的组织：
American Red Cross —— I'm 准备提供帮助，代码 = *red+u
Boys and Girls Clubs of America —— I'm 为孩子提供理想的环境