@import与link的区别
1.从属关系区别
@import
是 CSS 提供的语法规则,只能加载CSS;link
是XHTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。
2.加载顺序区别
加载页面时,link
标签引入的 CSS 被同时加载;@import
引入的 CSS 将在页面加载完毕后被加载。
3.兼容性区别
@import
是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link
标签作为 HTML 元素,不存在兼容性问题。
4.DOM可控性区别
js控制DOM时,可以通过插入link标签来改变样式,不能通过@import改变。link可以使用 js 动态引入,@import不行
5.权重区别
link
引入的样式权重大于@import
引入的样式。
link
可以通过rel="alternate stylesheet"
指定候选样式