CSS中l(wèi)ink和@import的區(qū)別說明

我們都知道link與@import都可以引入css樣式表,那么這兩種的區(qū)別是什么呢?先說說它們各自的鏈接方式,然后說說它們的區(qū)別~~~
link鏈入的方式:
- <link rel="stylesheet" type="text/css" href="index.css">
@import導(dǎo)入的方式:
- <style type="text/css">
- @import url('index.css');
- </style>
優(yōu)先級:嵌入樣式 > 內(nèi)部樣式表 > 導(dǎo)入樣式表(鏈入樣式表)
導(dǎo)入的方式與鏈入的方式很相似,但實際上它相當于存在內(nèi)部樣式表中,雖然如此,它的優(yōu)先級還是低于內(nèi)部樣式表的,而它與鏈入樣式表的優(yōu)先級的高低取決于所處位置的先后,誰定義在后面,誰的優(yōu)先級就高。
注意:導(dǎo)入外部樣式表時,它所處的位置必須在樣式表的頂部,即在其他樣式的最前面。
它們一共有5點不同(目前我知道的),以后要是有新的發(fā)現(xiàn)再來補上哈。
一:link是XHTML標簽,除了加載CSS外,還可以定義RSS等其他事務(wù);@import屬于CSS范疇,只能加載CSS。
二:link引用CSS時,在頁面載入時同時加載;@import需要等頁面完全載入后才加載。
三:link是XHTML標簽,沒有兼容問題;對于@import,低版本的瀏覽器是不支持的。
四:link支持使用javascript控制DOM去改變樣式;而@import不支持。
五:@import可以在CSS文件中再次引入其他樣式表。
以上所述是小編給大家介紹的CSS中l(wèi)ink和@import的區(qū)別說明,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 這篇文章主要介紹了css link與@import區(qū)別詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)2019-10-14
css中l(wèi)ink和@import的區(qū)別分析詳解
本文章詳細的介紹了關(guān)于link和@import的區(qū)別,有需要了解的朋友可以參考一下本文章2012-03-31- 看到淘寶網(wǎng)頁中這樣寫使用的是import,而很多網(wǎng)站都是使用link,當然還有一些頁面比較簡單,流量很大的網(wǎng)站,是直接將CSS寫在html代碼中的?他們有什么區(qū)別?2009-11-19
- 們知道在網(wǎng)頁中引用外部CSS有兩種方式,即:@import與link,我們也經(jīng)常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎2009-06-26
- 網(wǎng)頁制作Webjx文章簡介:這兩天剛寫完XHTML加載CSS的幾種方式,其中外部引用CSS分為兩種方式link和@import。 有很多網(wǎng)頁中的CSS鏈接與引用是這樣寫的:2009-04-02
CSS兩種方式link和@import-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
看到淘寶網(wǎng)頁中大部分是這樣寫的 <style type="text/css" media="screen"> @import url("http://www.taobao.com/home/css/global/v2.0.2008-10-31css用import還是link的區(qū)別-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
看到淘寶網(wǎng)頁中這樣寫使用的是import,而很多網(wǎng)站都是使用link,當然還有一些頁面比較簡單,流量很大的網(wǎng)站,是直接將CSS寫在html代碼中的?他們有什么區(qū)別?css用impor2008-10-17- CSS的link和@import都是用于引入外部CSS文件的方法,但它們有一些區(qū)別和不同的用法,本文通過一個簡單的代碼演示,展示了link和@import的用法,感興趣的朋友跟隨小編一起看2023-05-04