DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> div+css布局做到最精簡的代碼的建議
div+css布局做到最精簡的代碼的建議
編輯:CSS詳解     

我們來說下div+CSS布局的時候怎樣做到最精簡的代碼,以達到極限提升網站速度的目的。

1、css樣式盡量合並成一個外部文件,采用link方式導入到網頁中來,可以減少不少內嵌在網頁中的CSS代碼。

2、多用全局樣式,比如網頁中只有一個h1標簽,那麼直接在CSS文件中定義h1的樣式,如h1{......},而不要給h1標簽加class或者id來定義樣式,這樣一來就可以省略class=""或id="",整個網頁精簡下來就可以簡潔不少代碼。

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved