【建設(shè)企業(yè)站】
導(dǎo)入外部樣式表
導(dǎo)入外部樣式表是指當(dāng)瀏覽器讀取HTML文件時，復(fù)制一份樣式表到這個HTML文件中即在內(nèi)部樣式表的<style>標(biāo)簽對中導(dǎo)入一個外部樣式表文件。其格式為：
<style type=”text/css”>
<!一
@import url(’’外部樣式表的文件名1.css’’)；
@import url(”外部樣式表的文件名2.css”)；
其他樣式表的聲明
</style>
其中，“外部樣式表的文件名”指出要導(dǎo)入的樣式表文件，擴(kuò)展名為.css。其方法與鏈入樣式表文件的方法相似，但導(dǎo)入外部樣式表文件的輸入方式更有優(yōu)勢，實(shí)質(zhì)上它相當(dāng)于內(nèi)部樣式表。
注意，@import語句后的“；”號不能省略。所有的@import聲明必須放在樣式表的開始部分，在其他樣式表聲明的前面，其他CSS規(guī)則放在其后的<style>標(biāo)簽對中。如果在內(nèi)部樣式表中指定了規(guī)則，則其優(yōu)先級高于導(dǎo)入的外部樣式表中相同的規(guī)則。
【案例6-4】導(dǎo)入外部樣式表制作制作商品促銷頁面。
【案例展示】本例文件6-4.html在瀏覽器中顯示的效果如圖6-5所示。
·96．
圖6-5 導(dǎo)入外部樣式表
【學(xué)習(xí)目標(biāo)】掌握外部樣式表的導(dǎo)入方法。
【知識要點(diǎn)】使用導(dǎo)入外部樣式表技術(shù)快速排版。
代碼如下：
<! doctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>導(dǎo)入外部樣式表</title>
<style type=”text/css”>
@import url(style/extstyle.css);
.bgcolor{ color: black; background: #ccc }
</style>
</head>
<body>
<h3 class=”bgcolor”>美亞手機(jī)限時促銷<／h3>
產(chǎn)定義類，字體為黑色，背景為淺灰色+／
<!．，由內(nèi)部樣式表.bgcolor決定，背景顯示為淺
灰色，而不是外部樣式表中定義的藍(lán)色一>
