1. 程式人生 > >html+css實現小米商城首頁靜態頁面

html+css實現小米商城首頁靜態頁面

學了一個星期的html和css,用新學的東西寫點東西,仿照小米商城的首頁按照它的頁面佈局盜用它的圖片寫了個小米商城的靜態頁面。

原始碼:連結:https://pan.baidu.com/s/1qf63B6dBAUoDd6tpHFgESQ 密碼:lwc5

  • 總結寫前端時的不足:
    • css很多屬性名記不住,經常需要去查筆記
    • 類名命名不是很規範
    • 沒有充分利用css類的特性
    • 整個頁面佈局像是東拼西湊出來的(雖然拼湊的挺不錯)
    • 暫時還沒實現頁面的動態效果,比如說輪播圖,選項卡,滑鼠放在某個a標籤上的動態效果(等學了javascript再回過頭來實現動態效果)
  • 總結:寫前端更像是在‘織毛衣’,從上到下一點一點,一個div一個div的去寫,去佈局,沒有邏輯。通過寫這個頁面加深了對html標籤的使用以及對css元素屬性的瞭解,知道了自己的不足以及後續編寫其他頁面需要注意的一些地方。

效果圖

  • 頂部

  • 中間部分

  • 尾部