我們來說下div+css布局的時候怎樣做到最精簡的代碼，以達(dá)到極限提升網(wǎng)站速度的目的。

1、css樣式盡量合并成一個外部文件，采用link方式導(dǎo)入到網(wǎng)頁中來，可以減少不少內(nèi)嵌在網(wǎng)頁中的css代碼。

2、多用全局樣式，比如網(wǎng)頁中只有一個h1標(biāo)簽，那么直接在css文件中定義h1的樣式，如h1{......}，這里艾納科技提醒大家千萬不要誤用H1噢。不然會被搜索引擎K掉的，詳細(xì)可以看下這篇文章《誤用模板導(dǎo)致被降權(quán)的原因》而不要給h1標(biāo)簽加class或者id來定義樣式，這樣一來就可以省略class=""或id=""，整個網(wǎng)頁精簡下來就可以簡潔不少代碼。

3、多采用父級繼承樣式控制，在div中盡量使用不同標(biāo)簽來控制網(wǎng)頁表現(xiàn)形式，比如一個div中需要有3個不同顏色的文字，這樣做同樣可以減少不少的class和id。
<div>
    第一種文字
    <span>第二種文字</span>
    <font>第三種文字</font>
</div>
css樣式可以這樣寫：
div { color: #000}
div span { color: #f00}
div font { color: #0f0}