這篇文章主要介紹“CSS的link和@import有什么不同”，在日常操作中，相信很多人在CSS的link和@import有什么不同問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS的link和@import有什么不同”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

成都創(chuàng)新互聯(lián)公司憑借在網(wǎng)站建設(shè)、網(wǎng)站推廣領(lǐng)域領(lǐng)先的技術(shù)能力和多年的行業(yè)經(jīng)驗，為客戶提供超值的營銷型網(wǎng)站建設(shè)服務(wù)，我們始終認(rèn)為：好的營銷型網(wǎng)站就是好的業(yè)務(wù)員。我們已成功為企業(yè)單位、個人等客戶提供了成都做網(wǎng)站、網(wǎng)站設(shè)計服務(wù)，以良好的商業(yè)信譽(yù)，完善的服務(wù)及深厚的技術(shù)力量處于同行領(lǐng)先地位。

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

定義 

◆link元素

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

◆@import

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

link和@import孰好孰壞？

上面說了因為上面的老大不一樣，所以在使用上就會有一些細(xì)節(jié)的區(qū)別，不能說總體誰好誰壞， 只能說具體情況具體分析。

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

<link rel="stylesheet" href="/CSS/styles.CSS"   type="text/CSS" media="screen" />    <link rel="stylesheet" href="/CSS/orange.CSS"   type="text/CSS" media="screen" title="orange" />    <link rel="alternate stylesheet" href="/CSS/blue.CSS" type="text/CSS" media="screen" title="blue" />    <link rel="alternate stylesheet" href="/CSS/pink.CSS" type="text/CSS" media="screen" title="pink" />    <link rel="alternate stylesheet" href="/CSS/slate.CSS" type="text/CSS" media="screen" title="slate" />

這是一段很經(jīng)典的改變頁面風(fēng)格的代碼，因為我們今天主要講的是link和import，所以我這里只列出了引用CSS部分。

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

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

[2]href:這個就不用我說了吧，引用CSS的文件路徑。

[3]tyle:文件類型

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

[5]title:是CSS的名稱。

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

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

打印樣式顧名思義就是打印頁面時候的樣式。

這個樣式在普通瀏覽下是沒有效果的，只有在打印的時候生效。如果要為頁面單獨引用打印樣式的話，link和@import都可以的。

到此，關(guān)于“CSS的link和@import有什么不同”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

網(wǎng)頁標(biāo)題：CSS的link和@import有什么不同
網(wǎng)站網(wǎng)址：http://aaarwkj.com/article16/gpeidg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、商城網(wǎng)站、軟件開發(fā)、定制網(wǎng)站、小程序開發(fā)、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)