# 扁平化博客首頁開發
## 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.進入開發
**首先搭起頁面框架**
好啦！開始擼代碼啦！
