欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

import link的具體區(qū)別

  發(fā)布時間：2009-04-15 22:57:05   作者：佚名   我要評論
@import與link,我們也經常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎?

我們知道在網頁中引用外部CSS有兩種方式，即:@import與link,我們也經常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎?
link
link就是把外部CSS與網頁連接起來,具體形式

@import

import文字上與link的區(qū)別就是它可以把在一個CSS文件中引入其它幾個CSS文件,具體形式

復制代碼
代碼如下:

<!--
@import url("styles.css");
-->

為什么使用@import

大部分使用@import方式的人是因為舊的瀏覽器是不支持@import方式的,這意味著我們可以使用@import來引入只讓現代瀏覽器解析的CSS樣式.

使用以下代碼可以使IE6及以下的瀏覽器無法解析該CSS(IE6以下的屬于年久失修在這里略去方法)

復制代碼
代碼如下:

@import url(../style.css) screen;

另一個主要的原因就是當你的網頁需要引入幾個外部CSS文件時.你可以使用link引入一個CSS,然后在這個CSS文件中用@import方式引入其它幾個CSS文件.這樣看起來更容易管理.

為什么使用link

使用link方式一個最主要的原因就是你可以讓用戶切換CSS樣式.現代瀏覽器如Firefox,Opera,Safari都支持rel=”alternate stylesheet”屬性(即可在瀏覽器上選擇不同的風格),當然你還可以使用Javascript使得IE也支持用戶更換樣式.

如不明白,請進入這個頁面,然后在Firefox中點擊”查看-頁面風格”.

@import的小毛病

如果你網頁head標簽里面十分簡單,只有@import屬性的話,當用戶瀏覽的網速較慢時,他會看到一個沒有風格樣式的頁面,然后隨著CSS文件被下載完成才可以看到應有的風格.要避免這樣的問題,你需要確保head里至少有一個script或是link標簽.

04-11更新:  @import會使得CSS整體載入時間變長.并且在IE中會導致文件下載次序被更改,例如放置在@import后面的script文件會在CSS之前被下載.

詳情請參考http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

到底要用那種方式

就目前看來小型的網站還是使用link比較合適(或者說比較流行),當然如果將來我們需要把CSS進行模塊化管理也肯定要用到@import.
文章部分翻譯自What’s the Difference Between @import and link for CSS? 以作學習之用,歡迎補充.

相關文章

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

    下面小編就為大家?guī)硪黄媪私鈒ink與import方式的區(qū)別。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-12

  • link和@import的區(qū)別深入探討

    link引用CSS時，在頁面載入時同時加載；@import需要頁面網頁完全載入以后加載;ink支持使用Javascript控制DOM去改變樣式；而@import不支持等等，感興趣的朋友可以參考下哈
    2013-04-03

  • 引入CSS的方式有哪些?link和@import的有何區(qū)別應如何選擇

    有一些頁面比較簡單，流量很大的網站，是直接將CSS寫在html代碼中的？他們有什么區(qū)別？CSS用import還是link好？本文搜集整理了一下，感興趣的朋友可以看看哦，希望本人對你
    2013-01-23

  • CSS @import與link的具體區(qū)別

    們知道在網頁中引用外部CSS有兩種方式，即:@import與link,我們也經常聽到有人說要使用link來引入CSS更好,但是你知道為什么嗎
    2009-06-26

  • CSS技巧：IE6用import導入CSS的問題

    網頁制作Webjx文章簡介：本文描述了一個在IE6下用import導入CSS的問題！ 在ie 6中可以先寫CSS再加import比如 p {} @import url("base.css");
    2009-04-02

  • 探討：網頁外部引用CSS的兩種方式

    網頁制作Webjx文章簡介：這兩天剛寫完XHTML加載CSS的幾種方式，其中外部引用CSS分為兩種方式link和@import。 　有很多網頁中的CSS鏈接與引用是這樣寫的：
    2009-04-02

  • CSS兩種方式link和@import-CSS教程-網頁制作-網頁教學網

    看到淘寶網頁中大部分是這樣寫的 <style type="text/css" media="screen"> @import url("http://www.taobao.com/home/css/global/v2.0.
    2008-10-31

  • css用import還是link的區(qū)別-CSS教程-網頁制作-網頁教學網

    　　看到淘寶網頁中這樣寫使用的是import,而很多網站都是使用link，當然還有一些頁面比較簡單，流量很大的網站，是直接將CSS寫在html代碼中的？他們有什么區(qū)別？css用impor
    2008-10-17

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

    link與@import這兩種方式都是為了加載CSS文件,但還是存在著細微的差別。下面腳本之家小編給大家介紹CSS中l(wèi)ink和@import的區(qū)別說明，感興趣的朋友一起看下吧
    2016-08-12

最新評論