跟江哥學習HTML5和CSS的過程中，也跟著做了兩個小項目~~
項目一：百度首頁
江哥視頻里面教我們做百度首頁，但我制作的是百度新首頁，一共花了我六七個小時骑丸，嗚嗚~~不過做出來后很開心邑遏。
制作百度首頁時菇怀，我沒有完全按照視頻里面的百度改版前的首頁進行編碼咕痛，而是嘗試做百度的新首頁麻惶。導航條江哥是采用了div容器并且居中的方法梅惯，但百度新首頁的導航條是在右上角宪拥，所以我個人用了無序列表+浮動的方式放到頁面右上角，還要去掉列表小圓點铣减，進行項目總結時她君，腦子突然閃過一個想法，用江哥那種方式徙歼，然后設置靠右對齊是否可以達到同樣效果呢犁河，試了一下果然可以，而且不需要使用浮動魄梯！不需要去圓點桨螺！不需要塊級元素轉(zhuǎn)換成行內(nèi)塊級元素！不過現(xiàn)在知道也不晚酿秸！
中部的logo和搜索條還比較簡單灭翔，就是新版百度的搜索提交按鈕設置了顏色，這時我就有個疑問，可以為按鈕botton設置背景顏色嗎肝箱？在網(wǎng)上查詢說是可以設置的哄褒，就抱著嘗試的心態(tài)設置了一下，居然生效了煌张，但不知道代碼對不對呐赡，江哥曾經(jīng)說過，頁面能夠正常顯示并不代碼代碼是正確的骏融！但為了達到效果我還是給按鈕設置了天藍色链嘀，但顏色很丑，苦惱档玻！
因為底部還有很多要弄怀泊，這個按鈕的顏色問題暫時先放一邊。
底部的二維碼和“手機百度快人一步”是一個小整體误趴，我用定義列表來進行編碼霹琼，靈感來自江哥講解定義列表標簽時展示的案例，期間也花費了一點時間凉当。制作底部花的時間最長枣申，尤其是對齊問題，底部左側(cè)的定義列表和右側(cè)的幾個a標簽出現(xiàn)階梯對齊情況纤怒，老是差一點點才能水平對齊糯而，好著急！盯著他們看了好久泊窘，里里外外的標簽都嘗試了去掉內(nèi)外邊距熄驼，但還是沒有效果，折騰了好久烘豹，我想到有可能不是邊距的問題瓜贾，突然想到在某處看到一個案例，或許對此有幫助携悯。然后從文件夾里面找出資料祭芦，對比上面的代碼，對a標簽設置了行高憔鬼，底部內(nèi)容看起來跟原版差不多龟劲，都在同一水平線上了。
再對比查看一遍電腦上展現(xiàn)的效果轴或，一眼就看到搜索按鈕那個丑顏色昌跌，想起來WebStorm有取色功能，手指動動就可以用取色器復制顏色到代碼里面照雁，哈哈蚕愤！下面是成品截圖，不過還有一些不足，打算去問問江哥萍诱，哈哈~~
再對比查看一遍電腦上展現(xiàn)的效果悬嗓，一眼就看到搜索按鈕那個丑顏色，想起來WebStorm有取色功能裕坊，手指動動就可以用取色器復制顏色到代碼里面包竹，哈哈！下面是成品截圖籍凝，不過還有一些不足映企，打算去問問江哥，哈哈~~
項目二：網(wǎng)頁郵箱注冊頁面
江哥講解制作“注冊字母郵箱注冊手機號碼郵箱注冊VIP郵箱”部分時静浴，提到因為還沒有學習javascript，沒法做到這三個界面的任意切換挤渐，但可以直接用圖片做背景苹享，可是，網(wǎng)易找不到這個圖片背景浴麻，提供的資料里面也沒有這個圖片得问，倒是在網(wǎng)易注冊界面找到了一個精靈圖，圖片上面有相似的背景顏色软免。所以回頭找前面學過的知識宫纬，利用圖片定位方法把圖片顯示到固定位置。
因為網(wǎng)易網(wǎng)上找到的精靈圖不是以“藍白白”進行排列的膏萧，只有“藍白”漓骚，而且尺寸也不對，我后面只能給每個li單獨添加背景顏色榛泛，個中還是各種問題蝌蹂，但最終還是達到了視覺效果~~
碰到一個比較大的困難，中間部分ul下面有3個li ul設置的寬度是412px曹锨，每個li的寬度理應是137px孤个，可是我給每個li設置背景顏色后，寬度最多只能設置134px沛简，超出這個數(shù)字這3個li就不會在同一個水平線上齐鲤，怎么也想不明白這個問題！椒楣！把邊框border去掉之后也還是這樣给郊，嗚嗚~~雖然顯示效果跟江哥的一樣，可是這個問題還是想不明白撒顿。
信息填寫部分跟著江哥說的一步步做下去丑罪，還是比較簡單，但偶爾也會犯一些低級錯誤，導致預期效果沒有顯示出來吩屹，還是要多多細心跪另。
跟著江哥的視頻一步步制作網(wǎng)易注冊頁面，步驟是容易的煤搜，最難的是如何把圖片放入各個標簽盒子里面免绿，需要用firework的切片工具找出內(nèi)容尺寸和位置，如果有現(xiàn)成的背景圖片會更順利點擦盾。
下面是網(wǎng)易效果圖：
學HTML5就選李南江嘲驾，選培訓機構我只選小碼哥（www.520it.com）
