第一步：拿到设计稿（也就是美工设计出来的东东）

　　猜想一下，拿到设计稿我们应该干嘛？
　　你会回答当然是快点做了！其实不是！
　　你应该用充足的时间看懂设计稿，看又有是一门学问，不是从艺术的角度看设计师设计的如何漂亮，而是用架构师的角度把结构看得有条理性，这样你的CSS总体的架子才能在脑海中规划出来，这是第一小点也就是一个大的布局的把握，第二点就是找出页面的相同点与不同点，就象我们从前玩过的一个游戏：大家来找碴．你找出来的越多你以后走的弯路就越少！找出了相同点是为了我们可以定义一个区块的共用样式，然后对于不同之处可以在共用样式中增加一个样式，比如定义好了一个共用样式<div class=\"style1\">...</div>第二个样式只是增加了一些新的样式．可以这样写<div class=\"style1 style2\">...</div>这样就定义好了，因人的因素由于知识，经验，熟悉上的不同，所以定义的样式会有所不同．但大的方向应该不会有太大的出路，样式表又叫重叠样式表，所以尽最大努力重复应用样式，让代码减到最少，所以知识，经验都是可以慢慢通过学习提高，但思想要先行，就是你要有这种意识．

　　第二步：规划文件目录

　　第三步：规划样式表

　　第四步：开始动手写样式表

　　第五步：验证你的HTML/CSS

　　第六步：配合程序员调整样式表

　　第七步：优化CSS代码