1.視頻學(xué)習(xí)
http://www.imooc.com/learn/6
http://www.imooc.com/learn/100
http://www.imooc.com/learn/668
2.完成作業(yè)
任務(wù)描述
通過(guò)HTML及CSS實(shí)現(xiàn)設(shè)計(jì)稿設(shè)計(jì)稿PSD文件(點(diǎn)擊下載),效果如效果圖(點(diǎn)擊打開(kāi))
設(shè)計(jì)稿是有一定寬度的,這個(gè)寬度為頁(yè)面的最小寬度,也就是說(shuō),當(dāng)瀏覽器窗口寬度小于設(shè)計(jì)稿寬度時(shí),允許出現(xiàn)橫向滾動(dòng)條,頁(yè)面內(nèi)容寬度保持不變,但是當(dāng)瀏覽器窗口寬度大于設(shè)計(jì)稿寬度時(shí),頁(yè)面部分內(nèi)容的寬度應(yīng)該保持和瀏覽器窗口寬度一致。
備注:盡量做得跟psd一樣,能用css實(shí)現(xiàn)的盡量少用圖片?;貋?lái)的時(shí)候檢查。注意先從整體,再到局部,先從整體上劃分幾塊,再一塊一塊的做。