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