[css] 如何寫高效的CSS？

唔，自動(dòng)補(bǔ)全、預(yù)編譯這些輔助手段確實(shí)能提升一定的效率， 但我覺得真正能提升效率的是，不看預(yù)覽就敢上手的理論知識(shí)。 見過太多加幾行就要預(yù)覽下效果的開發(fā)了，哪怕給他雙屏其實(shí)也還是會(huì)拖慢節(jié)奏。比如這個(gè)橫排該怎么寫，子級(jí)是否留隙/等寬/限寬，后期有其他元素加入怎么辦，等等...... 雖然有了 flex 后我們要考慮的少了很多，但依舊還是有布局規(guī)律可循。 這個(gè)過程很吃經(jīng)驗(yàn)，類似于將樣式/布局進(jìn)行抽象理解， 等到能寫出非常完善的抽象類也熟悉其優(yōu)劣長短后，那不看預(yù)覽也可以快速編寫了。另一方面，直接使用調(diào)試面板進(jìn)行調(diào)試編寫，也比改下保存下再看眼要快一些。

個(gè)人簡介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] 如何写高效的CSS？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。