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

導(dǎo)入CSS樣式

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

移動(dòng)端

【實(shí)例介紹】

導(dǎo)入CSS樣式

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

【基本語(yǔ)法】

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

【語(yǔ)法介紹】

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

【實(shí)例代碼】

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

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

【代碼分析】

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

標(biāo)簽: 導(dǎo)入  CSS  樣式