天天看點

@import與link方式的差別

1. 老祖宗的差别。link屬于XHTML标簽,而@import完全是CSS提供的一種方式。 link标簽除了可以加載CSS外,還可以做很多其它的事情,比如定義RSS,定義rel連接配接屬性等,@import就隻能加載CSS了。

2. 加載順序的差别。當一個頁面被加載的時候(就是被浏覽者浏覽的時候),link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載下傳完再被加載。是以有時候浏覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍),網速慢的時候還挺明顯。

3. 相容性的差别。由于@import是CSS2.1提出的是以老的浏覽器不支援,@import隻有在IE5以上的才能識别,而link标簽無此問題。