【公司網(wǎng)站如何建設(shè)】
CSS與HTML文檔的結(jié)合方法
CSS控制網(wǎng)頁內(nèi)容顯示格式的方式是通過許多定義的樣式屬性(如:字號、段落控制等)實(shí)現(xiàn)的,并將多個樣式屬性定義為一組可供調(diào)用的選擇符( Selector)。其實(shí),選擇符就是某一個樣式的名稱,稱為選擇符的原因是,當(dāng)HTML文檔中某元素要使用該樣式時,必須利用該名稱來選擇樣式。
要想在瀏覽器中顯示出樣式表的效果,就要讓瀏覽器識別并調(diào)用。當(dāng)瀏覽器讀取樣式表時,要依照文本格式來讀。這里介紹4種在頁面中插入樣式表的方法:定義內(nèi)部樣式表、定義行內(nèi)樣式表、鏈入外部樣式表和導(dǎo)入外部樣式表。
6.2.1定義內(nèi)部樣式表
1.內(nèi)部樣式表的格式
內(nèi)部樣式表是指把樣式表放到頁面的<head>- - -</head>區(qū)內(nèi),這些定義的樣式就被應(yīng)用到頁面中。樣式表是用<style>標(biāo)簽插入的。定義的樣式表可以在整個HTML文檔中調(diào)用??梢栽贖TML文檔的<html>和<body>標(biāo)簽之間插入一個<style> - - -</style>標(biāo)簽對,在其中定義樣式。內(nèi)部樣式表的格式為:
<style type=¨text/css¨>
<!一
選擇符1{屬性:屬性值;屬性:屬性值…} /★注釋內(nèi)容+/
選擇符2{屬性:屬性值;屬性:屬性值…)
選擇符月{屬性:屬性值;屬性:屬性值…}
..>
</style>
<style> - - -</style>標(biāo)簽對用來說明所要定義的樣式。type屬性指定style使用CSS的語法來定義。當(dāng)然,也可以指定使用像JavaScript之類的語法來定義。屬性和屬性值之間用冒號“:”隔開,定義之間用分號“;”隔開。 <!..…..>的作用是避免舊版本瀏覽器不支持CSS,把<style>- - -</style>的內(nèi)容以注釋的·91·形式表示,這樣對于不支持CSS的瀏覽器,會自動略過此段內(nèi)容。
選擇符可以使用HTML標(biāo)簽的名稱,所有HTML標(biāo)簽都可以作為CSS選擇符使用。
/木…術(shù)/為CSS的注釋符號,主要用于注釋CSS的設(shè)置值。注釋內(nèi)容不會被顯示或引在網(wǎng)頁上。
2.組合選擇符
除了在<style>- - -</style>內(nèi)分別定義各種選擇符的樣式外,如果多個選擇符具有相同的式,可以采用組合選擇符,以減少重復(fù)定義的麻煩,其格式為: <style type="text/css”>
<!一
選擇符1,選擇符2,…,選擇符丹{屬性:屬性值;屬性:屬性值…}
一>
</style>