學了一個星期的html和css,用新學的東西寫點東西,仿照小米商城的首頁按照它的頁面布局盜用它的圖片寫了個小米商城的靜態頁面。
源代碼:鏈接:https://pan.baidu.com/s/1qf63B6dBAUoDd6tpHFgESQ 密碼:lwc5
-
總結寫前端時的不足:
- css很多屬性名記不住,經常需要去查筆記
- 類名命名不是很規范
- 沒有充分利用css類的特性
- 整個頁面布局像是東拼西湊出來的(雖然拼湊的挺不錯)
- 暫時還沒實現頁面的動態效果,比如說輪播圖,選項卡,鼠標放在某個a標簽上的動態效果(等學了javascript再回過頭來實現動態效果)
-
總結:寫前端更像是在‘織毛衣’,從上到下一點一點,一個div一個div的去寫,去布局,沒有邏輯。通過寫這個頁面加深了對html標簽的使用以及對css元素屬性的了解,知道了自己的不足以及后續編寫其他頁面需要注意的一些地方。
### 效果圖 * 頂部 
-
中間部分
-
尾部