1.9 靜態頁面佈局例項

尹成發表於2018-11-09

經過對前面知識點的鞏固和加深,我們可以使用前面學習到的知識來製作實際開發中碰到的一些典型的佈局,以此來達到綜合應用知識的目的。

1、特徵佈局:翻頁(所需知識點:盒模型、內聯元素)

 2、特徵佈局:導航條01(所需知識點:盒模型、行內元素佈局) 

 3、特徵佈局:導航條02(所需知識點:盒模型、浮動、定位、字型對齊) 

 4、特徵佈局:圖片列表(所需知識點:盒模型、浮動) 

 5、特徵佈局:新聞列表(所需知識點:盒模型、浮動) 

 

相關文章