剛開始看到一個網頁的時候,我是一臉懵逼的感覺無從下手,但是自從看了江哥的布局后逐漸知道拿到一個網頁先從上到下、從外到內的分析一個網頁的布局,分header部分、content部分、footer部分、有時候還有導航部分,這樣一個網頁就從上到下的骨架就布局完成了。然后再從外到內的給每一塊進行布局。分幾個div來進行左浮動或者右浮動,最記得江哥的一句話是看到一個導航欄想都不要想直接來個ul+li快速形成布局,最后只差往里面填充內容了。
從上到下三大塊布局完成之后,每一塊里面的布局就稍微感覺有點棘手,因為文字老是不能按照自己想要的居中、文字之間也沒有間隙啊。跟著江哥學習之后使用text-align:center,內邊距以及外邊距啊還有行高啊就解決了我的問題啦,填充內容之后有些小盒子老是對不齊、學習之后知道可以使用定位流來對元素進行微調,還有一個重要的問題是當用戶縮小網頁的時候如何使得網頁里面的圖標也跟著縮小,學習之后可以使用相對定位跟絕對定位結合起來的思路來解決這個問題。還有做項目要注意一些東西,比如說先清除頁面的默認邊距,清除標簽的默認樣式,將一些共性的東西提取出來,減少冗余代碼,提高代碼質量。
剛開始學習的時候覺得這個好難的感覺,第一次學一個網頁還是一臉懵逼,但是當我跟著江哥一步步敲代碼后,慢慢的可以獨立的做出一個網頁,再回顧學習的內容的時候就也留意到了之前沒有留意的內容很好的解決了遇到的問題。多總結,多實踐,多敲代碼,鞏固基礎,跟著自己的節奏,努力努力再努力。
最后,祝福小碼哥越來越好,一直被模仿,從未被超越。
學HTML5就選李南江,選培訓機構我只選小碼哥(www.520it.com)

](http://upload-images.jianshu.io/upload_images/5025433-afbe514ee6f4bde7.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)