全面了解link與import方式的區(qū)別

<style type="text/css">
@import url(foo.css) print;
</style>
<link href="../../***.css" type="text/css" rel="styleSheet"></link>;
1.加載順序的差別:
link--與網(wǎng)站內(nèi)容同步加載;
@import--網(wǎng)站內(nèi)容全部加載完成之后,再加載該css,網(wǎng)站上會明顯看到有閃爍效果(與網(wǎng)速有關(guān));
2.兼容性問題:
@import---是css2.1提出的,所以老版本的瀏覽器不支持,@import只能在IE5以上才能識別,相反link不會出現(xiàn)此問題;
3.使用dom控制樣式的差別:
javascript中dom操作改變樣式時,只能用link標(biāo)簽,@import是dom不可操作的;
以上這篇全面了解link與import方式的區(qū)別就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
原文地址:http://blog.csdn.net/fanhaiwang520/article/details/7683631
相關(guān)文章
- link引用CSS時,在頁面載入時同時加載;@import需要頁面網(wǎng)頁完全載入以后加載;ink支持使用Javascript控制DOM去改變樣式;而@import不支持等等,感興趣的朋友可以參考下哈2013-04-03
引入CSS的方式有哪些?link和@import的有何區(qū)別應(yīng)如何選擇
有一些頁面比較簡單,流量很大的網(wǎng)站,是直接將CSS寫在html代碼中的?他們有什么區(qū)別?CSS用import還是link好?本文搜集整理了一下,感興趣的朋友可以看看哦,希望本人對你2013-01-23- 們知道在網(wǎng)頁中引用外部CSS有兩種方式,即:@import與link,我們也經(jīng)常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎2009-06-26
- @import與link,我們也經(jīng)常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎?2009-04-15
- 網(wǎng)頁制作Webjx文章簡介:本文描述了一個在IE6下用import導(dǎo)入CSS的問題! 在ie 6中可以先寫CSS再加import比如 p {} @import url("base.css");2009-04-02
- 網(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,當(dāng)然還有一些頁面比較簡單,流量很大的網(wǎng)站,是直接將CSS寫在html代碼中的?他們有什么區(qū)別?css用impor2008-10-17CSS中l(wèi)ink和@import的區(qū)別說明
link與@import這兩種方式都是為了加載CSS文件,但還是存在著細(xì)微的差別。下面腳本之家小編給大家介紹CSS中l(wèi)ink和@import的區(qū)別說明,感興趣的朋友一起看下吧2016-08-12