主頁(yè) > 知識(shí)庫(kù) > css import與link的區(qū)別

css import與link的區(qū)別

熱門標(biāo)簽:廣州防封電銷機(jī)器人廠家 上海400電話辦理到易號(hào)網(wǎng) 申請(qǐng)400電話移動(dòng) 智能語音電銷機(jī)器人客戶端 成都企業(yè)外呼系統(tǒng) 山東電銷機(jī)器人軟件 常州電話外呼系統(tǒng)招商 洛陽防封卡外呼系統(tǒng)廠家 南通電銷外呼系統(tǒng)軟件
看到一些網(wǎng)站的頁(yè)中大部分是這樣寫的

style type="text/css" media="screen">
@import url("https://www.jb51.net/home/css/global/v2.0.css?t=20070518.css");
/style>

  而很多網(wǎng)站使用的都是link

link rel="stylesheet" rev="stylesheet" href="default.css" type="text/css" media="all" />

  而像google 百度 163等網(wǎng)站他們都是直接寫在網(wǎng)頁(yè)中

  當(dāng)然使用鏈接link和導(dǎo)入import的好處就是易于維護(hù),但當(dāng)網(wǎng)速比較慢的時(shí)候,會(huì)出現(xiàn)加載中斷的情況,導(dǎo)致頁(yè)面排版錯(cuò)誤

  他倆的作用相同

  唯一的不同是服務(wù)對(duì)象不一樣

  @import 為CSS服務(wù)

  link是為當(dāng)前的頁(yè)服務(wù)

  經(jīng)典有網(wǎng)友說 @import會(huì)優(yōu)先執(zhí)行。

  外部引用CSS中 link與@import的區(qū)別

  這兩天剛寫完XHTML加載CSS的幾種方式,其中外部引用CSS分為兩種方式link和@import。

  本質(zhì)上,這兩種方式都是為了加載CSS文件,但還是存在著細(xì)微的差別。

  差別1:老祖宗的差別。link屬于XHTML標(biāo)簽,而@import完全是CSS提供的一種方式。
  link標(biāo)簽除了可以加載CSS外,還可以做很多其它的事情,比如定義RSS,定義rel連接屬性等,@import就只能加載CSS了。

  差別2:加載順序的差別。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候(就是被瀏覽者瀏覽的時(shí)候),link引用的CSS會(huì)同時(shí)被加載,而@import引用的CSS 會(huì)等到頁(yè)面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開始會(huì)沒有樣式(就是閃爍),網(wǎng)速慢的時(shí)候還挺明顯(夢(mèng)之都加載CSS 的方式就是使用@import,我一邊下載一邊瀏覽夢(mèng)之都網(wǎng)頁(yè)時(shí),就會(huì)出現(xiàn)上述問題)。

  差別3:兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持,@import只有在IE5以上的才能識(shí)別,而link標(biāo)簽無此問題。

  差別4:使用dom控制樣式時(shí)的差別。當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用link標(biāo)簽,因?yàn)锧import不是dom可以控制的。

  大致就這幾種差別了(如果還有什么差別,大家告訴我,我再補(bǔ)充上去),其它的都一樣,從上面的分析來看,還是使用link標(biāo)簽比較好。

標(biāo)簽:廣安 混顯 貴州 邵陽 賀州 萊蕪 滄州 鶴壁

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《css import與link的區(qū)別》,本文關(guān)鍵詞  css,import,與,link,的,區(qū)別,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《css import與link的區(qū)別》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于css import與link的區(qū)別的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章