css中的link和@import有什么區(qū)別

發(fā)布時(shí)間：2022-03-07 10:38:33 來源：億速云閱讀：149 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)css中的link和@import有什么區(qū)別的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

　　link和@import的區(qū)別：

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

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

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

　　加載頁(yè)面時(shí)，link標(biāo)簽引入的CSS被同時(shí)加載；@import引入的CSS將在頁(yè)面加載完畢后被加載。

　　3、兼容性區(qū)別

　　@import是CSS2.1才有的語法，故只可在IE5+才能識(shí)別；link標(biāo)簽作為HTML元素，不存在兼容性問題。

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

　　可以通過JS操作DOM，插入link標(biāo)簽來改變樣式；由于DOM方法是基于文檔的，無法使用@import的方式插入樣式。

感謝各位的閱讀！關(guān)于“css中的link和@import有什么區(qū)別”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

猜你喜歡