link 和 import 导入外部样式的区别

2023-08-29 10:24:40

  • 差别一：link 属于 XHTML 标签，而 @import 完全是 CSS 提供的 一种方式。link标签除了可以加载 CSS 外，还可以做很多事情，比如定义 RSS ，定义 rel 链接属性等。 @import 就只能加载 css.
  • 差别二：加载顺序的不同，当一个页面加载时，link 引用的 css 会被同时加载。而 @import 引用的css 会等到页面全部被下载完再去加载。
  • 差别三：@是 CSS 2.1提出的，老的浏览器不支持，@import 只能在 IE5 以上才能识别。
  • 差别四：使用 DOM 控制样式时有差别，当使用 javascript 控制 DOM 在改变样式时，只能使用 link 标签，因为@import 不是DOM 可以控制的。
上一篇：Js的引用关系示例和总结


下一篇：微软雅黑 firefox Css 设置 font-family: "microsoft yahei","\5FAE\8F6F\96C5\9ED1","宋体";