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