什么樣的CSS代碼算是優(yōu)雅的、高效的?
網(wǎng)友解答: 要想把css代碼寫的優(yōu)雅,我認(rèn)為需要做到下面幾點(diǎn)1.必須遵從命名規(guī)范,建議使用BEM命名法,目前騰訊內(nèi)部的前端也在使用這種命名規(guī)范。遵從命名規(guī)范的目的是讓你的css更具語義化
要想把css代碼寫的優(yōu)雅,我認(rèn)為需要做到下面幾點(diǎn)
1.必須遵從命名規(guī)范,建議使用BEM命名法,目前騰訊內(nèi)部的前端也在使用這種命名規(guī)范。遵從命名規(guī)范的目的是讓你的css更具語義化,可讀性更高。
2.樣式的層級(jí)最好不要超過三層,樣式層級(jí)越多,依賴越大,不好維護(hù)。
3.抽取共用樣式,比如皮膚類的樣式,建議抽取出來,比如文字顏色,背景顏色,字體大小等等,單獨(dú)放在一個(gè)css文件中,在引用它時(shí),在css里面import就可以
4.要想組織好css代碼,就要先組織好html的結(jié)構(gòu),一個(gè)好的html結(jié)構(gòu),才能寫出一個(gè)好的css結(jié)構(gòu)。
5.現(xiàn)在有很多css預(yù)處理語言,比如sass,less,這些輔助,可以讓你減少很多css代碼量,讓你想寫js一樣去寫css,但是建議寫css比較熟悉以后再用預(yù)處理
網(wǎng)友解答:css按照公有和私有模塊化開發(fā)
css命名的統(tǒng)一規(guī)范
根據(jù)UED標(biāo)準(zhǔn)開發(fā)通用的組件樣式模塊(包含統(tǒng)一的pc和移動(dòng)端reset)
結(jié)構(gòu)統(tǒng)一標(biāo)準(zhǔn)且語義化的html結(jié)構(gòu)輸出