一個網(wǎng)站通常由許多的頁面組成，一個頁面也有許多不同的組件，如果沒有技巧一直悶頭干的話就會浪費(fèi)大量的時間。

1.先預(yù)覽設(shè)計(jì)圖，制定公共樣式

在拿到UI設(shè)計(jì)圖之后，要仔細(xì)的瀏覽設(shè)計(jì)圖中常用的字體大小，顏色，及板寬，并將這些樣式引入到公共樣式文件中，而且還需要引入一個清除樣式的文件。

2.css文件引入順序

css文件引入順序依次為：前端UI插件--清除樣式文件--公共樣式文件--頁面樣式文件；并且將這些文件放入head標(biāo)簽內(nèi)的title標(biāo)簽之后。

3.避免使用id屬性，盡量避免id屬性在css文件中出現(xiàn)。

在工作中，新手的前端喜歡給標(biāo)簽添加d屬性，并在css中使用id。id是一個特殊的屬性，規(guī)定了一個標(biāo)簽獨(dú)一無二的名稱，如果在一個頁面復(fù)用組件中寫id的話，那么就需要重新寫這個組件大大增加開發(fā)難度，影響開發(fā)效率。而且在css中規(guī)定了id屬性的權(quán)重為100，class的權(quán)重是10，標(biāo)簽的權(quán)重為1，這樣也不好修改組件中的樣式。