當前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > 導(dǎo)入CSS樣式

導(dǎo)入CSS樣式

2012/11/23 16:40:10作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

導(dǎo)入CSS樣式

導(dǎo)人外部樣式表是指在內(nèi)部樣式表的<style>里導(dǎo)入一個外部樣式表，導(dǎo)入時用@import。以@import開頭的導(dǎo)入樣式表輸入方法和鏈接樣式表的方法很相似，但導(dǎo)入樣式表輸人方式更有優(yōu)勢。因為導(dǎo)人法可以在鏈接外部樣式表的同時，針對該網(wǎng)頁的具體情況，做出別的網(wǎng)頁不需要的樣式規(guī)則。

【基本語法】

<style  type=text/css>
@import  url("外部樣式表的文件名稱")；
</style>

【語法介紹】

使用@import url(CSS文件的url)選擇器可以導(dǎo)人樣式表，其作用類似于鏈接方法。它也放在html文檔的<style>與</style>標記符之間。它與<link>的區(qū)別在于，無論該網(wǎng)頁是否應(yīng)用了CSS樣式表，它都將讀取樣式表，而<link>標記符是在該網(wǎng)頁應(yīng)用CSS樣式表時，才去讀樣式表。

【實例代碼】


<head>
<Style  type="text/css">
<!--

@import  url(/stylesheets.css);
Td{ background: yellow; color:black}
-->
</style>
</head>

【代碼分析】

注意其他的CSS規(guī)則應(yīng)該仍然包括在style元素中，但所有的@import聲明必須放在樣式表的開始部分。

標簽： 導(dǎo)入  CSS  樣式