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

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

源代碼:連接:https://pan.baidu.com/s/1qf63B6dBAUoDd6tpHFgESQ 密碼:lwc5css

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

效果圖

  • 頂部
    html

  • 中間部分
    前端

  • 尾部
    java

相關文章
相關標籤/搜索