靜態頁面佈局例項

尹成發表於2018-11-14

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

1、特徵佈局:翻頁(所需知識點:盒模型、內聯元素)
這裡寫圖片描述

2、特徵佈局:導航條01(所需知識點:盒模型、行內元素佈局)
這裡寫圖片描述

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

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

5、特徵佈局:新聞列表(所需知識點:盒模型、浮動)
這裡寫圖片描述

課後練習

這裡寫圖片描述

這裡寫圖片描述

學院Go語言視訊主頁
https://edu.csdn.net/lecturer/1928

清華團隊帶你實戰區塊鏈開發
掃碼獲取海量視訊及原始碼 QQ群:721929980
在這裡插入圖片描述

相關文章