在(zài)頁面中插入CSS樣式表的(de)方法
要(yào / yāo)想在(zài)浏覽器中顯示出(chū)預期的(de)CSS樣式表效果，就(jiù)要(yào / yāo)讓浏覽器識别并正确調用CSS。當浏覽器讀取樣式表時(shí)，要(yào / yāo)依照文本格式來(lái)讀，這(zhè)裏介紹四種在(zài)頁面中插入CSS樣式表的(de)方法：鏈入外部樣式表、内部樣式表、導入外表樣式表和(hé / huò)内嵌樣式。并特别講解多重樣式表的(de)疊加的(de)運用以(yǐ)及如何在(zài)xml中插入CSS。
1. 鏈入外部樣式表
鏈入外部樣式表是(shì)把樣式表保存爲(wéi / wèi)一(yī / yì ／yí)個(gè)樣式表文件，然後在(zài)頁面中用<link>标記鏈接到(dào)這(zhè)個(gè)樣式表文件，這(zhè)個(gè)<link>标記必須放到(dào)頁面的(de)<head>區内，如下：
<head>
……
<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">
……
</head>
上(shàng)面這(zhè)個(gè)例子(zǐ)表示浏覽器從mystyle.css文件中以(yǐ)文檔格式讀出(chū)定義的(de)樣式表。rel=”stylesheet”是(shì)指在(zài)頁面中使用這(zhè)個(gè)外部的(de)樣式表。type=”text/css”是(shì)指文件的(de)類型是(shì)樣式表文本。href=”mystyle.css”是(shì)文件所在(zài)的(de)位置。media是(shì)選擇媒體類型，這(zhè)些媒體包括：屏幕，紙張，語音合成設備，盲文閱讀設備等。
一(yī / yì ／yí)個(gè)外部樣式表文件可以(yǐ)應用于(yú)多個(gè)頁面。當你改變這(zhè)個(gè)樣式表文件時(shí)，所有頁面的(de)樣式都随之(zhī)而(ér)改變。在(zài)制作大(dà)量相同樣式頁面的(de)網站時(shí)，非常有用，不(bù)僅減少了(le／liǎo)重複的(de)工作量，而(ér)且有利于(yú)以(yǐ)後的(de)修改、編輯，浏覽時(shí)也(yě)減少了(le／liǎo)重複下載代碼。
2.内部樣式表
内部樣式表是(shì)把樣式表放到(dào)頁面的(de)<head>區裏，這(zhè)些定義的(de)樣式就(jiù)應用到(dào)頁面中了(le／liǎo)，樣式表是(shì)用<style>标記插入的(de)，從下例中可以(yǐ)看出(chū)<style>标記的(de)用法：
<head>
……
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
……
</head>
注意：有些低版本的(de)浏覽器不(bù)能識别style标記，這(zhè)意味着低版本的(de)浏覽器會忽略style标記裏的(de)内容，并把style标記裏的(de)内容以(yǐ)文本直接顯示到(dào)頁面上(shàng)。爲(wéi / wèi)了(le／liǎo)避免這(zhè)樣的(de)情況發生，我們用加HTML注釋的(de)方式（<!-- 注釋 -->）隐藏内容而(ér)不(bù)讓它顯示。
3. 導入外部樣式表
導入外部樣式表是(shì)指在(zài)内部樣式表的(de)<style>裏導入一(yī / yì ／yí)個(gè)外部樣式表，導入時(shí)用@import，看下面這(zhè)個(gè)實例：
<head>
……
<style type=”text/css”>
<!--
@import “mystyle.css”
其他(tā)樣式表的(de)聲明
-->
</style>
……
</head>
例中@import “mystyle.css”表示導入mystyle.css樣式表，注意使用時(shí)外部樣式表的(de)路徑。方法和(hé / huò)鏈入樣式表的(de)方法很相似，但導入外部樣式表輸入方式更有優勢。實質上(shàng)它相當于(yú)存在(zài)内部樣式表中的(de)。
注意：導入外部樣式表必須在(zài)樣式表的(de)開始部分，在(zài)其他(tā)内部樣式表上(shàng)面。
4. 内嵌樣式
内嵌樣式是(shì)混合在(zài)HTML标記裏使用的(de)，用這(zhè)種方法，可以(yǐ)很簡單的(de)對某個(gè)元素單獨定義樣式。内嵌樣式的(de)使用是(shì)直接将在(zài)HTML标記裏加入style參數。而(ér)style參數的(de)内容就(jiù)是(shì)CSS的(de)屬性和(hé / huò)值，如下例：
<p style="color: sienna;margin-left: 20px;">
這(zhè)是(shì)一(yī / yì ／yí)個(gè)段落
</p>
<!--這(zhè)個(gè)段落顔色爲(wéi / wèi)土黃，左邊距爲(wéi / wèi)20象素-->
在(zài)style參數後面的(de)引号裏的(de)内容相當于(yú)在(zài)樣式表大(dà)括号裏的(de)内容。
5.多重樣式表的(de)疊加
CSS樣式表有層疊順序，這(zhè)裏我們讨論插入樣式表的(de)這(zhè)幾種方法的(de)疊加，如果在(zài)同一(yī / yì ／yí)個(gè)選擇器上(shàng)使用幾個(gè)不(bù)同的(de)樣式表時(shí)，這(zhè)個(gè)屬性值将會疊加幾個(gè)樣式表，遇到(dào)沖突的(de)地(dì / de)方會以(yǐ)最後定義的(de)爲(wéi / wèi)準。例如，我們首先鏈入一(yī / yì ／yí)個(gè)外部樣式表，其中定義了(le／liǎo)h3選擇符的(de)color 、text-alig和(hé / huò)font-size屬性：
h3
{
color: red;
text-align: left;
font-size: 8pt;
}
/*标題3的(de)文字顔色爲(wéi / wèi)紅色；向左對齊；文字尺寸爲(wéi / wèi)8号字*/
然後在(zài)内部樣式表裏也(yě)定義了(le／liǎo)h3選擇符的(de)text-align和(hé / huò)font-size屬性：
h3
{
text-align: right;
font-size: 20pt;
}
/*标題3文字向右對齊；尺寸爲(wéi / wèi)20号字*/
那麽這(zhè)個(gè)頁面疊加後的(de)樣式就(jiù)是(shì)：
color: red;
text-align: right;
font-size: 20pt;
/*文字顔色爲(wéi / wèi)紅色；向右對齊；尺寸爲(wéi / wèi)20号字*/
字體顔色從外部樣式表裏保留下來(lái)，而(ér)對齊方式和(hé / huò)字體尺寸都有定義時(shí)，按照後定義的(de)優先而(ér)依照内部樣式表。
注意：依照後定義的(de)優先，所以(yǐ)優先級最高的(de)是(shì)[s]内嵌樣式[/s]，[s]内部樣式表[/s]高于(yú)[s]導入外部樣式表[/s]，[s]鏈入的(de)外部樣式表[/s]和(hé / huò)[s]内部樣式表[/s]之(zhī)間是(shì)最後定義的(de)優先級高。