?一、樣式按組件或板塊分文件寫(xiě)再合成

①設(shè)置各種變量
采用scss或者less來(lái)寫(xiě)css代碼有很多好處。
我們拿到設(shè)計(jì)圖的第一步，就是要分析各個(gè)頁(yè)面之間有哪些模塊、哪些樣式、哪些顏色是一樣的。一般情況下，為了各個(gè)頁(yè)面的風(fēng)格統(tǒng)一，各個(gè)頁(yè)面上的主顏色應(yīng)該都是一致的，而且好些頁(yè)面都會(huì)用到一些相同的組件，例如slider。所以，我們首先可以定義一個(gè)常量文件，里面就專門存放顏色、高度、寬度等變量。定義一個(gè)公共樣式文件，例如寫(xiě)一些各個(gè)頁(yè)面都有可能用到的清楚浮動(dòng)等樣式。
個(gè)人感覺(jué)scss比less更好用一點(diǎn)，用scss定義的話，其中有一個(gè)方法是%定義法，就是定義了并不會(huì)被編譯，而是實(shí)際上用到的時(shí)候才會(huì)被編譯。?

?②按模塊細(xì)分

按模塊等細(xì)分之后，代碼的可讀性能夠明顯地提高，方便維護(hù)，而且引入頁(yè)面的文件個(gè)數(shù)也減少了，還可以提高性能呢。不過(guò)，這里要注意，子模塊的文件名要以“_”開(kāi)始哦，這樣就不會(huì)被編譯，而是需要引用的時(shí)候再編譯哦。?