在學(xué)習(xí)應(yīng)用css之前我們要先了解一下什么是css。CSS是Cascading Style Sheets(層疊樣式表)的簡稱.
* CSS語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言).
* 在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁內(nèi)容(XHTML)的表現(xiàn).
* CSS文件也可以說是一個(gè)文本文件,它包含了一些CSS標(biāo)記,CSS文件必須使用css為文件名后綴.
* 可以通過簡單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個(gè)網(wǎng)頁設(shè)計(jì)人員的必修課.
* CSS是由W3C的CSS工作組產(chǎn)生和維護(hù)的.
了解了什么是css后我們就可以方便對(duì)其應(yīng)用了，我們可以用以下兩種方式加入你的博客當(dāng)中去，由于css的應(yīng)用方式有就近原則。也就是說最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。
鏈入外部樣式表文件 (Linking to a Style Sheet)
你可以先建立外部樣式表文件（.css），然后使用HTML的link對(duì)象。示例如下：
＜head＞
＜title＞文檔標(biāo)題＜/title＞
＜link rel=stylesheet type="text/css"＞
＜/head＞
而在XML中，你應(yīng)該如下例所示在聲明區(qū)中加入：
＜? xml-stylesheet type="text/css" ?＞
定義內(nèi)部樣式塊對(duì)象 (Embedding a Style Block)
你可以在你的HTML文檔的＜HTML＞和＜BODY＞標(biāo)記之間插入一個(gè)＜STYLE＞...＜/STYLE＞塊對(duì)象。 定義方式請(qǐng)參閱樣式表語法。示例如下：
＜html＞
＜head＞
＜title＞文檔標(biāo)題＜/title＞
＜style type="text/css"＞
＜!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
--＞
＜/style＞
＜/head＞
＜body＞
請(qǐng)注意，這里將style對(duì)象的type屬性設(shè)置為"text/css"，是允許不支持這類型的瀏覽器忽略樣式表單。
|
