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