link與@import的區(qū)別有:1、@import是CSS提供的語(yǔ)法規(guī)則,只有導(dǎo)入樣式表的作用,link是HTML提供的標(biāo)簽,不僅可以加載CSS文件,還可以定義RSS、rel 連接屬性等;2、@import是CSS2.1才有的語(yǔ)法。
1、從屬關(guān)系區(qū)別
@import是 CSS 提供的語(yǔ)法規(guī)則,只有導(dǎo)入樣式表的作用;link是HTML提供的標(biāo)簽,不僅可以加載 CSS 文件,還可以定義 RSS、rel 連接屬性等。
2、加載順序區(qū)別
加載頁(yè)面時(shí),link標(biāo)簽引入的 CSS 被同時(shí)加載;@import引入的 CSS 將在頁(yè)面加載完畢后被加載。
3、兼容性區(qū)別
@import是 CSS2.1 才有的語(yǔ)法,故只可在 IE5+ 才能識(shí)別;link標(biāo)簽作為 HTML 元素,不存在兼容性問(wèn)題。
4、DOM可控性區(qū)別
可以通過(guò) JS 操作 DOM ,插入link標(biāo)簽來(lái)改變樣式;由于 DOM 方法是基于文檔的,無(wú)法使用@import的方式插入樣式。
推薦教程: 《css教程》