# 扁平化博客首页开发 ## 1. 教学目标： * CSS的常规布局方法 * CSS扁平化布局方法 * 一些特殊的处理 * HTML5相关标签和CSS3效果 ## 2. 准备工作 早晨，你去上班，QQ收到文件，是公司的网页设计师，给你发来的原型图。 你打开一看：  嗯，还挺简单的，不过还是先分析一下。  就先简单的分析一下，然后准备开始开发了！ **开发准备** 因为HTML常常带有原生的样式，经常需要我们在开发的时候手动清除原生样式，这样太麻烦了！ 我们使用重置样式 （[http://cssreset.com/或者normalize.css，但是建议后者，因为前者会将所有标签，包括H1在内的元素样式全部去掉，这点不太合适，故选normalize.css。）](http://cssreset.com/或者normalize.css，但是建议后者，因为前者会将所有标签，包括H1在内的元素样式全部去掉，这点不太合适，故选normalize.css。）) 这样，我们就可以开始进行开发了。 ## 3.进入开发 **首先搭起页面框架**  好啦！开始撸代码啦！