CSS中l(wèi)ink和@import的區(qū)別是什么

CSS中l(wèi)ink和@import的區(qū)別是什么，相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

創(chuàng)新互聯(lián)建站從2013年成立，先為姑蘇等服務(wù)建站，姑蘇等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為姑蘇企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

CSS中l(wèi)ink和@import有什么區(qū)別？

定義 

◆link元素

HTML和XHTML都有一個(gè)結(jié)構(gòu)，它使網(wǎng)頁(yè)作者可以增加于HTML文檔相關(guān)的額外信息。這些額外資源可以是樣式化信息（CSS）、導(dǎo)航助手、屬于另 外形式的信息（RSS）、聯(lián)系信息等等。 

◆@import

指定導(dǎo)入的外部樣式表及目標(biāo)設(shè)備類(lèi)型。
 
其實(shí)link和@import的最根本區(qū)別就是，link是一個(gè)html的一個(gè)標(biāo)簽，而@import是CSS的一個(gè)標(biāo)簽,  link除了調(diào)用CSS外還可以有其他作用譬如聲明頁(yè)面鏈接屬性，聲明目錄，rss等等，而@import就只能 調(diào)用CSS。如果單獨(dú)從外部引用CSS來(lái)說(shuō)，他們的作用是基本一樣，只不過(guò)上面的老大不一樣而已。

link和@import孰好孰壞？

上面說(shuō)了因?yàn)樯厦娴睦洗蟛灰粯?，所以在使用上就?huì)有一些細(xì)節(jié)的區(qū)別，不能說(shuō)總體誰(shuí)好誰(shuí)壞， 只能說(shuō)具體情況具體分析。

1）我要用javascript進(jìn)行樣式選擇；
 
這個(gè)時(shí)候就要用link,因?yàn)閘ink是html元素，可用javascript去控制dom元素***達(dá)到改變樣式的效果。 
看下列代碼

這是一段很經(jīng)典的改變頁(yè)面風(fēng)格的代碼，因?yàn)槲覀兘裉熘饕v的是link和import，所以我這里只列出了引用CSS部分。

我們先來(lái)看看link里面?zhèn)€個(gè)屬性都是表達(dá)了什么意思： 
 
 [1]rel:用來(lái)聲明鏈接對(duì)象的作用或者類(lèi)型。

譬如上面的的代碼："stylesheet"表示鏈接一個(gè)默認(rèn)的CSS,而"alternate stylesheet"折表示備選的CSS 

[2]href:這個(gè)就不用我說(shuō)了吧，引用CSS的文件路徑。

[3]tyle:文件類(lèi)型

[4]media:應(yīng)用的設(shè)備，"screen"是說(shuō)明應(yīng)用在屏幕上。

[5]title:是CSS的名稱(chēng)。

這段代碼中一共有5個(gè)CSS,***個(gè)是基本樣式，而其他四個(gè)是風(fēng)格樣式,利用javascript去控制默認(rèn)顯示的樣式title就ok了。

2）我要在應(yīng)用打印樣式； 

打印樣式顧名思義就是打印頁(yè)面時(shí)候的樣式。

這個(gè)樣式在普通瀏覽下是沒(méi)有效果的，只有在打印的時(shí)候生效。如果要為頁(yè)面單獨(dú)引用打印樣式的話(huà)，link和@import都可以的。

看完上述內(nèi)容，你們掌握CSS中l(wèi)ink和@import的區(qū)別是什么的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁(yè)標(biāo)題：CSS中l(wèi)ink和@import的區(qū)別是什么
文章鏈接：http://m.jiaotiyi.com/article/gscppe.html