以下內容由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您編輯整理。

要想在瀏覽器中顯示出預期的CSS樣式表效果，就要讓瀏覽器識別并正確調用CSS。當瀏覽器讀取樣式表時(shí)，要依照文本格式來(lái)讀，這里介紹四種在網(wǎng)頁(yè)中加入CSS樣式表文件的方法：鏈入外部樣式表、內部樣式表、導入外表樣式表和內嵌樣式。并特別講解多重樣式表的疊加的運用以及如何在xml中插入CSS。

1. 鏈入外部樣式表

鏈入外部樣式表是把樣式表保存為一個(gè)樣式表文件，然后在頁(yè)面中用標記鏈接到這個(gè)樣式表文件，這個(gè)標記必須放到頁(yè)面的區內，如下：

……

……

上面這個(gè)例子表示瀏覽器從mystyle.css文件中以文檔格式讀出定義的樣式表。rel=”stylesheet”是指在頁(yè)面中使用這個(gè)外部的樣式表。type=”text/css”是指文件的類(lèi)型是樣式表文本。href=”mystyle.css”是文件所在的位置。media是選擇媒體類(lèi)型，這些媒體包括：屏幕，紙張，語(yǔ)音合成設備，盲文閱讀設備等。

一個(gè)外部樣式表文件可以應用于多個(gè)頁(yè)面。當你改變這個(gè)樣式表文件時(shí)，所有頁(yè)面的樣式都隨之而改變。在制作大量相同樣式頁(yè)面的網(wǎng)站時(shí)，非常有用，不僅減少了重復的工作量，而且有利于以后的修改、編輯，瀏覽時(shí)也減少了重復下載代碼。

樣式表文件可以用任何文本編輯器（例如：記事本）打開(kāi)并編輯，一般樣式表文件擴展名為.css。內容是定義的樣式表，不包含HTML標記，mystyle.css這個(gè)文件的內容如下：

　　hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

/*定義水平線(xiàn)的顏色為土黃；段落左邊的空白邊距為20象素；頁(yè)面的背景圖片為images目錄下的back40.gif文件*/ 　

2.內部樣式表

內部樣式表是把樣式表放到頁(yè)面的區里，這些定義的樣式就應用到頁(yè)面中了，樣式表是用

……

注意：有些低版本的瀏覽器不能識別style標記，這意味著(zhù)低版本的瀏覽器會(huì )忽略style標記里的內容，并把style標記里的內容以文本直接顯示到頁(yè)面上。為了避免這樣的情況發(fā)生，我們用加HTML注釋的方式（）隱藏內容而不讓它顯示：

……

……

3. 導入外部樣式表

導入外部樣式表是指在內部樣式表的

……

例中@import “mystyle.css”表示導入mystyle.css樣式表，注意使用時(shí)外部樣式表的路徑。方法和鏈入樣式表的方法很相似，但導入外部樣式表輸入方式更有優(yōu)勢。實(shí)質(zhì)上它相當于存在內部樣式表中的。

注意：導入外部樣式表必須在樣式表的開(kāi)始部分，在其他內部樣式表上面。

4. 內嵌樣式

內嵌樣式是混合在HTML標記里使用的，用這種方法，可以很簡(jiǎn)單的對某個(gè)元素單獨定義樣式。內嵌樣式的使用是直接將在HTML標記里加入style參數。而style參數的內容就是CSS的屬性和值，如下例：

這是一個(gè)段落

在style參數后面的引號里的內容相當于在樣式表大括號里的內容。

注意：style參數可以應用于任意BODY內的元素（包括BODY本身），除了BASEFONT、PARAM和SCRIPT。

要想在瀏覽器中顯示出預期的CSS樣式表效果，就要讓瀏覽器識別并正確調用CSS。當瀏覽器讀取樣式表時(shí)，要依照文本格式來(lái)讀，這里介紹四種在頁(yè)面中插入CSS樣式表的方法：鏈入外部樣式表、內部樣式表、導入外表樣式表和內嵌樣式。并特別講解多重樣式表的疊加的運用以及如何在xml中插入CSS。

1. 鏈入外部樣式表

鏈入外部樣式表是把樣式表保存為一個(gè)樣式表文件，然后在頁(yè)面中用標記鏈接到這個(gè)樣式表文件，這個(gè)標記必須放到頁(yè)面的區內，如下：

……

……

上面這個(gè)例子表示瀏覽器從mystyle.css文件中以文檔格式讀出定義的樣式表。rel=”stylesheet”是指在頁(yè)面中使用這個(gè)外部的樣式表。type=”text/css”是指文件的類(lèi)型是樣式表文本。href=”mystyle.css”是文件所在的位置。media是選擇媒體類(lèi)型，這些媒體包括：屏幕，紙張，語(yǔ)音合成設備，盲文閱讀設備等。

一個(gè)外部樣式表文件可以應用于多個(gè)頁(yè)面。當你改變這個(gè)樣式表文件時(shí)，所有頁(yè)面的樣式都隨之而改變。在制作大量相同樣式頁(yè)面的網(wǎng)站時(shí)，非常有用，不僅減少了重復的工作量，而且有利于以后的修改、編輯，瀏覽時(shí)也減少了重復下載代碼。

樣式表文件可以用任何文本編輯器（例如：記事本）打開(kāi)并編輯，一般樣式表文件擴展名為.css。內容是定義的樣式表，不包含HTML標記，mystyle.css這個(gè)文件的內容如下：

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

/*定義水平線(xiàn)的顏色為土黃；段落左邊的空白邊距為20象素；頁(yè)面的背景圖片為images目錄下的back40.gif文件*/ 　

2.內部樣式表

內部樣式表是把樣式表放到頁(yè)面的區里，這些定義的樣式就應用到頁(yè)面中了，樣式表是用

……

注意：有些低版本的瀏覽器不能識別style標記，這意味著(zhù)低版本的瀏覽器會(huì )忽略style標記里的內容，并把style標記里的內容以文本直接顯示到頁(yè)面上。為了避免這樣的情況發(fā)生，我們用加HTML注釋的方式（）隱藏內容而不讓它顯示：

……

……

3. 導入外部樣式表

導入外部樣式表是指在內部樣式表的

……

例中@import “mystyle.css”表示導入mystyle.css樣式表，注意使用時(shí)外部樣式表的路徑。方法和鏈入樣式表的方法很相似，但導入外部樣式表輸入方式更有優(yōu)勢。實(shí)質(zhì)上它相當于存在內部樣式表中的。

注意：導入外部樣式表必須在樣式表的開(kāi)始部分，在其他內部樣式表上面。

4. 內嵌樣式 內嵌樣式是混合在HTML標記里使，用這種方法，可以很簡(jiǎn)單的對某個(gè)元素單獨定義樣式。內嵌樣式的使用是直接將在HTML標記里加入style參數。而style參數的內容就是CSS的屬性和值，如下例：

這是一個(gè)段落

在style參數后面的引號里的內容相當于在樣式表大括號里的內容。

注意：style參數可以應用于任意BODY內的元素（包括BODY本身），除了BASEFONT、PARAM和SCRIPT。

以上內容就是由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您搜集整理的《網(wǎng)頁(yè)中加入CSS樣式表的幾種方法》的全部?jì)热荨?/SPAN>我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)，一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案，以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近760多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。歡迎您來(lái)電咨詢(xún)，咨詢(xún)熱線(xiàn)：0917-3535180 3536690……