回覆列表
  • 1 # per你做

    網頁中引用外部CSS檔案有兩種方式:link和@import,兩者引用的方式在頁面上的展現效果是一樣的。link引用方式如下:

    @import引用方式如下:

    <style type="text/css">@import url("styles.css");</style>

    差別1 :適用範圍不同 @import可以在網頁頁面中使用,也可以在css檔案中使用,用來將多個css檔案引入到一個css檔案中;而link只能將css檔案引入到網頁頁面中。 差別2: 功能範圍不同 link屬於XHTML標籤,而@import是CSS提供的一種方式,link標籤除了可以載入CSS外,還可以定義RSS,定義rel連線屬性等,@import就只能載入CSS。

    差別3: 載入順序不同 當一個頁面被載入的時候,link引用的CSS會同時被載入,而@import引用的CSS會等到頁面全部被下載完再被載入。所以有時候瀏覽@import載入CSS的頁面時開始會沒有樣式(就是閃爍),網速慢的時候還挺明顯。

    差別4: 相容性 由於@import是css2.1提出的,所以老的瀏覽器不支援,@import只有在IE5以上的才能識別,而link標籤無此問題。

    差別5: 控制樣式時的差別 使用link方式可以讓使用者切換CSS樣式.現代瀏覽器如Firefox,Opera,Safari都支援rel=”alternate stylesheet”屬性(即可在瀏覽器上選擇不同的風格),當然你還可以使用Javascript使得IE也支援使用者更換樣式。

  • 中秋節和大豐收的關聯?
  • 菠蘿是長在樹上還是長在土地表面的?