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

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

　　（1）瀏覽器支持完善

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

　?。?）表現(xiàn)與結(jié)構(gòu)分離

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

　?。?）樣式設(shè)計(jì)控制功能強(qiáng)大

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

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

　　CSS的語(yǔ)言在瀏覽器的解析順序上具有類似OOP面向?qū)ο蟮幕竟δ埽?瀏覽器能夠根據(jù)CSS的級(jí)應(yīng)用多個(gè)樣式定義， 良好的CSS代碼設(shè)計(jì)可以使得代碼之間產(chǎn)生繼承及重載關(guān)系， 能夠達(dá)到最大限度重用，降低代碼量及維護(hù)成本。

　　CSS+DIV布局樣式

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

　　* 在標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁(yè)內(nèi)容（XHTML）的表現(xiàn)。

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

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

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

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

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

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

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

　　

　　

　　

　　

　　而在XML中，你應(yīng)該如下例所示在聲明區(qū)中加入：

　　

　　定義內(nèi)部樣式塊對(duì)象 （Embedding a Style Block）

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