【哪個網(wǎng)站制作好】
鏈入外部樣式表
1.鏈入外部樣式表的格式 ‘
鏈入外部樣式表就是當(dāng)瀏覽器讀取到HTML文檔的樣式表鏈接標(biāo)簽時,向所鏈接的外部樣式表文件索取樣式。方法是:先將樣式表保存為一個樣式表文件(.css),然后在網(wǎng)頁中用<link>標(biāo)簽鏈接這個樣式表文件。這個<link>標(biāo)簽必須放到頁面的<head>- - -</head>標(biāo)簽對內(nèi)。其格式為:
<head>
<link rel=’’stylesheet" href=”外部樣式表文件名.css”type=”text/css’’>
<,head>
其中,<link>標(biāo)簽表示瀏覽器從“外部樣式表文件.css”文件中以文檔格式讀出定義的樣式表。rel=”stylesheet”屬性定義在網(wǎng)頁中使用外部的樣式表,type=”text/css”屬性定義文件的類型為樣式表文件,href屬性定義.css文件的URL。
2.樣式表文件的格式
樣式表文件可以用任何文本編輯器(如記事本)打開并編輯,一般樣式表文件的擴展名·94·為.css。樣式表文件的內(nèi)容是定義的樣式表,
選擇符1{屬性:屬性值;屬性:屬性值…}
選擇符2{屬性:屬性值;屬性:屬性值…l
不包含HTML標(biāo)簽。樣式表文件的格式為:
/★注釋內(nèi)容*/
選擇符朋{屬性:屬性值;屬性:屬性值…}
一個外部樣式表文件可以應(yīng)用于多個頁面。當(dāng)改變這個樣式表文件時,所有頁面的樣式都會隨之改變。在設(shè)計者制作大量相同樣式頁面的網(wǎng)站時,這非常有用,不僅減少了重復(fù)的工作量,而且有利于以后的編輯。另外,瀏覽時也減少了重復(fù)下載的代碼,加快了顯示網(wǎng)頁的速度。
【案例6-3l鏈入外部樣式表制作商品促銷頁面。
【案例展示】在一個HTML文檔中鏈入外部樣式表文件,至少需要兩個文件,一個是HTML文件,另一個是CSS文件style.css。本例文件6-3.html的顯示效果如圖6-4所示。
【學(xué)習(xí)目標(biāo)】掌握外部樣式表的定義與鏈入方法。