網(wǎng)友解答: 要想把css代碼寫(xiě)的優(yōu)雅，我認(rèn)為需要做到下面幾點(diǎn)1.必須遵從命名規(guī)范，建議使用BEM命名法，目前騰訊內(nèi)部的前端也在使用這種命名規(guī)范。遵從命名規(guī)范的目的是讓你的css更具語(yǔ)義化

要想把css代碼寫(xiě)的優(yōu)雅，我認(rèn)為需要做到下面幾點(diǎn)

1.必須遵從命名規(guī)范，建議使用BEM命名法，目前騰訊內(nèi)部的前端也在使用這種命名規(guī)范。遵從命名規(guī)范的目的是讓你的css更具語(yǔ)義化，可讀性更高。

2.樣式的層級(jí)最好不要超過(guò)三層，樣式層級(jí)越多，依賴越大，不好維護(hù)。

3.抽取共用樣式，比如皮膚類(lèi)的樣式，建議抽取出來(lái)，比如文字顏色，背景顏色，字體大小等等，單獨(dú)放在一個(gè)css文件中，在引用它時(shí)，在css里面import就可以

4.要想組織好css代碼，就要先組織好html的結(jié)構(gòu)，一個(gè)好的html結(jié)構(gòu)，才能寫(xiě)出一個(gè)好的css結(jié)構(gòu)。

5.現(xiàn)在有很多css預(yù)處理語(yǔ)言，比如sass,less，這些輔助，可以讓你減少很多css代碼量，讓你想寫(xiě)js一樣去寫(xiě)css，但是建議寫(xiě)css比較熟悉以后再用預(yù)處理

css按照公有和私有模塊化開(kāi)發(fā)

css命名的統(tǒng)一規(guī)范

根據(jù)UED標(biāo)準(zhǔn)開(kāi)發(fā)通用的組件樣式模塊（包含統(tǒng)一的pc和移動(dòng)端reset）

結(jié)構(gòu)統(tǒng)一標(biāo)準(zhǔn)且語(yǔ)義化的html結(jié)構(gòu)輸出