重整css

  今天整理了網站的css,確實是亂,平時是我們兩個人寫,也沒有去規範,新增的樣式也隨處可見,沒有備註,連我自己改起來都頭疼。

  自從被avenirzheng說了,我的靜態文件管理有待加強之後,心想,其實一年前,米飯也有和我說過,當時是把新網站給米飯看,讓他提一些建議,空標籤,語義化這些他都有說,css模塊化,顆粒化那些在網上都有看過,只是一直沒去實踐。現在算是亡羊補牢吧。


   開始整理css,一開始想先從這幾個方面開始整理:

   1,global.css放公用的圖標和模塊,在head裏調用,整站都引用的到。

   2,index.css放首頁的模塊,只在首頁和詳情頁調用

   3,group.css放“小組”功能的所有樣式.單獨調用

   4,album.css放“專輯”功能的所有樣式.單獨調用

   5,plug.css放引用的插件,彈出層樣式


但是這樣的話,好像沒有按模塊去調用,只是看起來css文件比較好管理一些吧?疑惑。。


參考了騰訊視頻的css,發現幾個問題

1,原來它的背景圖不是一律都放在images目錄下的,有區分img/common/  ,img/channel/這樣的路徑

2,感覺他們的css也不是很簡潔啊,也許是爲了開發規範吧。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章