面試的過程中遇到的問題,當時自己回答的感覺自己心裏還是很滿意的,但是回來百度查看後才知道自己回答的有多麼的糟糕:
下面我這這個知識點做一些總結的書面説明,為了少走點彎路,多漲點見識吧。
首先我們要了解一點,就是這倆額標籤的用處和作用的對象,
1.link是引用css文件的,可以定義rel,res等,是html或者xhtml頁面的引用標籤,為了當前的頁面服務;
@import是css內部的一種屬性,只為了css服務
2、當一個頁面被加載的時候(就是被瀏覽者瀏覽的時候),link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍),網速慢的時候還挺明顯。
3、兼容性的問題:link是XHTML標籤,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。
4、link支持使用JavaScript控制DOM去改變樣式;而@import不支持。
5、@import可以定義css屬性的優先級,只是css的一部分且此時具有兼容性問題(IE6不兼容);優先級最高