使用CSS+DIV的優(yōu)點(diǎn)

　　CSS層疊樣式表是控制頁(yè)面布局樣式的基礎， 并能夠真正做到網(wǎng)頁(yè)表現與內容分離的一種樣式設計語(yǔ)言。相對傳統HTML的簡(jiǎn)單樣式控制而言， CSS能夠對網(wǎng)頁(yè)中對象的位置排版進(jìn)行像素級的精確控制， 支持幾乎所有的字體字號樣式，以及擁有對網(wǎng)頁(yè)對象和模型樣式的控制能力，并能夠進(jìn)行初步頁(yè)面交互設計，是目前基于文本展示的最優(yōu)秀的表現設計語(yǔ)言。南昌網(wǎng)站制作公司小編歸納起來(lái)主要有以下幾種優(yōu)勢。

　?。?）瀏覽器支持完善

　　目前CSS 2.1版式是眾多瀏覽器支持最完善的版本， 最新的瀏覽器均以2.1為CSS支持原型進(jìn)行設計， 使用CSS樣式設計的網(wǎng)頁(yè)在眾多平臺及瀏覽器下， 樣式表最為接近。

　?。?）表現與結構分離

　　CSS真正意義上實(shí)現了設計代碼與內容的分離， 而在CSS的設計代碼中通過(guò)CSS的內容導入特性， 又以使設計代碼根據設計需要進(jìn)行二次分離。如為字體、版式等專(zhuān)門(mén)設計一套樣式表，根據頁(yè)面顯示的需要新進(jìn)行組織，使得設計代碼本身也便于維護與修改。

　?。?）樣式設計控制功能強大

　　對網(wǎng)頁(yè)對象的位置排版能夠進(jìn)行像素級的精確控制，支持所有字體字號樣式，擁有優(yōu)秀的模型控制能和簡(jiǎn)單的交互設計能力。

　?。?）繼承性能優(yōu)越

　　CSS的語(yǔ)言在瀏覽器的解析順序上具有類(lèi)似OOP面向對象的基本功能， 瀏覽器能夠根據CSS的級應用多個(gè)樣式定義， 良好的CSS代碼設計可以使得代碼之間產(chǎn)生繼承及重載關(guān)系， 能夠達到最大限度重用，降低代碼量及維護成本。

　　CSS+DIV布局樣式

　　* CSS語(yǔ)言是一種標記語(yǔ)言，它不需要編譯，可以直接由瀏覽器解釋執行（屬于瀏覽器解釋型語(yǔ)言）。

　　* 在標準網(wǎng)頁(yè)設計中CSS負責網(wǎng)頁(yè)內容（XHTML）的表現。

　　* CSS文件也可以說(shuō)是一個(gè)文本文件，它包含了一些CSS標記，CSS文件必須使用css為文件名后綴。

　　* 可以通過(guò)簡(jiǎn)單的更改CSS文件，改變網(wǎng)頁(yè)的整體表現形式，可以減少我們的工作量，所以她是每一個(gè)網(wǎng)頁(yè)設計人員的必修課。

　　* CSS是由W3C的CSS工作組產(chǎn)生和維護的。

　　[編輯本段]如何將樣式表加入到網(wǎng)頁(yè)

　　可以用以下三種方式將樣式表加入您的網(wǎng)頁(yè)。而最接近目標的樣式定義優(yōu)先權越高。高優(yōu)先權樣式將繼承低優(yōu)先權樣式的未重疊定義但覆蓋重疊的定義。例外請參閱 !important 聲明。

　　鏈入外部樣式表文件 （Linking to a Style Sheet）

　　你可以先建立外部樣式表文件（。css），然后使用HTML的link對象。示例如下：

　　

　　

　　

　　

　　而在XML中，你應該如下例所示在聲明區中加入：

　　

　　定義內部樣式塊對象 （Embedding a Style Block）

　　你可以在你的HTML文檔的和標記之間插入一個(gè)塊對象。 定義方式請參閱樣式表語(yǔ)法。示例如下：