云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

一些div+css細(xì)節(jié),減少網(wǎng)站代碼量

來(lái)源：昆明多彩網(wǎng)絡(luò)公司 日期：2010-02-21 閱讀： 發(fā)表評(píng)論

在前面文章“網(wǎng)站打開(kāi)速度的決定因素有哪些?”中我們已經(jīng)提到了一些大概的要點(diǎn)，現(xiàn)在我們來(lái)說(shuō)下div+css布局的時(shí)候怎樣做到最精簡(jiǎn)的代碼，以達(dá)到極限提升網(wǎng)站速度的目的。

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

2、多用全局樣式，比如網(wǎng)頁(yè)中只有一個(gè)h1標(biāo)簽，那么直接在css文件中定義h1的樣式，如h1{......}，而不要給h1標(biāo)簽加class或者id來(lái)定義樣式，這樣一來(lái)就可以省略class=""或id=""，整個(gè)網(wǎng)頁(yè)精簡(jiǎn)下來(lái)就可以簡(jiǎn)潔不少代碼。

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