- 核心： 同一个页面先写一样的，后写不一样的(相同的写成公用的，不相同的样式通过命名空间来控制《就是通过不同的父级来控制公共的类写不同的地方》，也可以直接添加一个包裹层用来设置不同的样式，命名例如： wrap-section1)
- 步骤：
- 0.创建好相应的图片、样式、行为等文件夹
- 1.分析设计图，得出大的布局（简单来说，就是从左到右的通栏块，忽略其中的具体内容），并想好对应的命名（置），根据功能来命名，而不是左右位置。
- 2.找出来公共的样式，并用代码写出来（比如，左右浮动、清除浮动、包裹层等等，公共样式也可以一边写，一边往里面填）。
- 3.将大的结构写出来，再写公用的模块（比如： 头部和 某一个地方有同样的渐变背景 等等。。。 使用CSS3， 对于IE6 7 8 实行优雅降级。）
- 4.写完以上的后，到各大浏览器看一下兼容问题。然后，把样式精简一下，相同的用群组选择器等等。
- 可以通过印屏幕到PS中来检查实际的是否一致
- 每写完一个详细的模块，测一下兼容性