css引用的兩種方式？

網頁中引用外部css文件有兩種方式：link和@import，兩者引用的方式在頁面上的展現效果是一樣的。link引用方式如下：

<link href="styles.css" type="text/css" />

@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也支持用戶更換樣式。