link和@import的區(qū)別

頁面使用css的方式主要有3種:

標簽行內(nèi)引用(內(nèi)聯(lián)樣式)

內(nèi)部樣式表

外部樣式表,其中外部樣式引用有l(wèi)ink和import兩種

link和import都可以對css樣式進行外部引用,但它們還是有區(qū)別的。

link和@import區(qū)別

1.從屬關(guān)系區(qū)別

@import是 CSS 提供的語法規(guī)則,只有導(dǎo)入樣式表的作用;link是HTML提供的標簽,不僅可以加載 CSS 文件,還可以定義 RSS、rel 連接屬性等。

2.加載順序區(qū)別

加載頁面時,link標簽引入的 CSS 被同時加載;@import引入的 CSS 將在頁面加載完畢后被加載。

3.兼容性區(qū)別

@import是 CSS2.1 才有的語法,故只可在 IE5+ 才能識別;link標簽作為 HTML 元素,不存在兼容性問題。

4.DOM可控性區(qū)別

可以通過 JS 操作 DOM ,插入link標簽來改變樣式;由于 DOM 方法是基于文檔的,無法使用@import的方式插入樣式。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 玲瓏,五歲半了。 她看著Peppa Pig動畫露出的憨憨笑容,我覺得是世界上最美的。 我在想,現(xiàn)實中,我們的陪伴有...
    攀巖觀火閱讀 256評論 1 2
  • 納木錯的夜晚 湖面上波光粼粼 那光似是從牧民家中的 哭泣的燭的淚花中逃離出來的 可又未嘗不能是來自曼哈頓的那縷 帶...
    春川閱讀 144評論 0 1
  • 想來,這個軟件還是女朋友推薦給我的,許久未點開過,也不知這個app能撐多久,想自說自話幾句,又說不出口,也不知道跟...
    城下湘舟閱讀 455評論 0 1

友情鏈接更多精彩內(nèi)容