主頁(yè) > 知識(shí)庫(kù) > 發(fā)現(xiàn)四種在網(wǎng)頁(yè)中使用CSS樣式表的方法

發(fā)現(xiàn)四種在網(wǎng)頁(yè)中使用CSS樣式表的方法

熱門標(biāo)簽:蘇州通信外呼系統(tǒng)多少錢 武漢人工外呼系統(tǒng) 中國(guó)地圖標(biāo)注各省份 荒野大鏢客2地圖標(biāo)注怎么變中文 移動(dòng)400辦理電話 山西旅游景地圖標(biāo)注 沈陽(yáng)智能外呼系統(tǒng)排名 上古卷軸5地圖標(biāo)注mod 北川縣地圖標(biāo)注
如何在網(wǎng)頁(yè)中插入CSS 

前面我們了解了CSS的語(yǔ)法,但要想在瀏覽器中顯示出效果,就要讓瀏覽器識(shí)別并調(diào)用。當(dāng)瀏覽器讀取樣式表時(shí),要依照文本格式來(lái)讀,這里介紹四種在頁(yè)面中插入樣式表的方法:鏈入外部樣式表、內(nèi)部樣式表、導(dǎo)入外表樣式表和內(nèi)嵌樣式。 

1. 鏈入外部樣式表 
鏈入外部樣式表是把樣式表保存為一個(gè)樣式表文件,然后在頁(yè)面中用 link >標(biāo)記鏈接到這個(gè)樣式表文件,這個(gè)標(biāo)記必須放到頁(yè)面的 head >區(qū)內(nèi),如下: 
復(fù)制代碼 代碼如下:

head>  
……  
link href="mystyle.css" rel="stylesheet" type="text/css" media="all">  
……  
/head>

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

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

樣式表文件可以用任何文本編輯器(例如:記事本)打開并編輯,一般樣式表文件擴(kuò)展名為.css。內(nèi)容是定義的樣式表,不包含HTML標(biāo)記,mystyle.css這個(gè)文件的內(nèi)容如下: 
hr {color: sienna} 
p {margin-left: 20px} 
body {background-image: url("images/back40.gif")} /*定義水平線的顏色為土黃;段落左邊的空白邊距為20象素;頁(yè)面的背景圖片為images目錄下的back40.gif文件*/ 

2. 內(nèi)部樣式表 
內(nèi)部樣式表是把樣式表放到頁(yè)面的 head >區(qū)里,這些定義的樣式就應(yīng)用到頁(yè)面中了,樣式表是用 style >標(biāo)記插入的,從下例中可以看出 style >標(biāo)記的用法: 
復(fù)制代碼 代碼如下:

head>  
……  
style type="text/css">  
hr {color: sienna}  
p {margin-left: 20px}  
body {background-image: url("images/back40.gif")}  
/style>  
……  
/head> 

注意:有些低版本的瀏覽器不能識(shí)別style標(biāo)記,這意味著低版本的瀏覽器會(huì)忽略style標(biāo)記里的內(nèi)容,并把style標(biāo)記里的內(nèi)容以文本直接顯示到頁(yè)面上。為了避免這樣的情況發(fā)生,我們用加HTML注釋的方式( !-- 注釋 -- >)隱藏內(nèi)容而不讓它顯示: 
復(fù)制代碼 代碼如下:

head>  
……  
style type="text/css">  
!--  
hr {color: sienna}  
p {margin-left: 20px}  
body {background-image: url("images/back40.gif")}  
-->  
/style>  
……  
/head>  

3. 導(dǎo)入外部樣式表 
導(dǎo)入外部樣式表是指在內(nèi)部樣式表的 style >里導(dǎo)入一個(gè)外部樣式表,導(dǎo)入時(shí)用@import,看下面這個(gè)實(shí)例: 
head> 
…… 
style type=”text/css”> 
!-- 
@import “mystyle.css” 
其他樣式表的聲明 
--> 
/style> 
…… 
/head> 例中@import “mystyle.css”表示導(dǎo)入mystyle.css樣式表,注意使用時(shí)外部樣式表的路徑。方法和鏈入樣式表的方法很相似,但導(dǎo)入外部樣式表輸入方式更有優(yōu)勢(shì)。實(shí)質(zhì)上它相當(dāng)于存在內(nèi)部樣式表中的。 
注意:導(dǎo)入外部樣式表必須在樣式表的開始部分,在其他內(nèi)部樣式表上面。 

4. 內(nèi)嵌樣式 
內(nèi)嵌樣式是混合在HTML標(biāo)記里使用的,用這種方法,可以很簡(jiǎn)單的對(duì)某個(gè)元素單獨(dú)定義樣式。內(nèi)嵌樣式的使用是直接將在HTML標(biāo)記里加入style參數(shù)。而style參數(shù)的內(nèi)容就是CSS的屬性和值,如下例: 
p style="color: sienna;margin-left: 20px;"> 
這是一個(gè)段落 
/p> !--這個(gè)段落顏色為土黃,左邊距為20象素--> 
在style參數(shù)后面的引號(hào)里的內(nèi)容相當(dāng)于在樣式表大括號(hào)里的內(nèi)容。 
注意:style參數(shù)可以應(yīng)用于任意BODY內(nèi)的元素(包括BODY本身),除了BASEFONT、PARAM和SCRIPT。 

標(biāo)簽:喀什 海東 濱州 遼源 陽(yáng)泉 南充 東莞 邯鄲

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《發(fā)現(xiàn)四種在網(wǎng)頁(yè)中使用CSS樣式表的方法》,本文關(guān)鍵詞  發(fā)現(xiàn),四,種在,網(wǎng)頁(yè),中,使用,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《發(fā)現(xiàn)四種在網(wǎng)頁(yè)中使用CSS樣式表的方法》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于發(fā)現(xiàn)四種在網(wǎng)頁(yè)中使用CSS樣式表的方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章