今天整理了網站的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也不是很簡潔啊,也許是爲了開發規範吧。