CSS層疊樣式表是控制頁面布局樣式的基礎, 并能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設計語言。相對傳統(tǒng)HTML的簡單樣式控制而言, CSS能夠?qū)W(wǎng)頁中對象的位置排版進行像素級的精確控制, 支持幾乎所有的字體字號樣式,以及擁有對網(wǎng)頁對象和模型樣式的控制能力,并能夠進行初步頁面交互設計,是目前基于文本展示的最優(yōu)秀的表現(xiàn)設計語言。南昌網(wǎng)站制作公司小編歸納起來主要有以下幾種優(yōu)勢。
?。?)瀏覽器支持完善
目前CSS 2.1版式是眾多瀏覽器支持最完善的版本, 最新的瀏覽器均以2.1為CSS支持原型進行設計, 使用CSS樣式設計的網(wǎng)頁在眾多平臺及瀏覽器下, 樣式表最為接近。
?。?)表現(xiàn)與結(jié)構(gòu)分離
CSS真正意義上實現(xiàn)了設計代碼與內(nèi)容的分離, 而在CSS的設計代碼中通過CSS的內(nèi)容導入特性, 又以使設計代碼根據(jù)設計需要進行二次分離。如為字體、版式等專門設計一套樣式表,根據(jù)頁面顯示的需要新進行組織,使得設計代碼本身也便于維護與修改。
(3)樣式設計控制功能強大
對網(wǎng)頁對象的位置排版能夠進行像素級的精確控制,支持所有字體字號樣式,擁有優(yōu)秀的模型控制能和簡單的交互設計能力。
(4)繼承性能優(yōu)越
CSS的語言在瀏覽器的解析順序上具有類似OOP面向?qū)ο蟮幕竟δ埽?瀏覽器能夠根據(jù)CSS的級應用多個樣式定義, 良好的CSS代碼設計可以使得代碼之間產(chǎn)生繼承及重載關(guān)系, 能夠達到最大限度重用,降低代碼量及維護成本。
CSS+DIV布局樣式
* CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執(zhí)行(屬于瀏覽器解釋型語言)。
* 在標準網(wǎng)頁設計中CSS負責網(wǎng)頁內(nèi)容(XHTML)的表現(xiàn)。
* CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名后綴。
* 可以通過簡單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個網(wǎng)頁設計人員的必修課。
* CSS是由W3C的CSS工作組產(chǎn)生和維護的。
[編輯本段]如何將樣式表加入到網(wǎng)頁
可以用以下三種方式將樣式表加入您的網(wǎng)頁。而最接近目標的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。例外請參閱 !important 聲明。
鏈入外部樣式表文件 (Linking to a Style Sheet)
你可以先建立外部樣式表文件(。css),然后使用HTML的link對象。示例如下:
而在XML中,你應該如下例所示在聲明區(qū)中加入:
xml-stylesheet type="text/css" href="" ?>
定義內(nèi)部樣式塊對象 (Embedding a Style Block)
你可以在你的HTML文檔的和標記之間插入一個塊對象。 定義方式請參閱樣式表語法。示例如下: