1ink 与 @import 的区别

---

1ink与@import的区别

目录

• 1ink与@import的区别
  • 差异1：归属关系的差异
  • 差异2：加载顺序的差异
  • 差异3：兼容性的差异
  • 差异4：使用dom控制样式时的差异

---

1ink与@import的区别

差异1：归属关系的差异

link属于xhtml标签，而@import属于css提供的方式，必须写在style标签里。link标签除了能够加载css外，还能够定义RSS、定义rel链接属性等，＠import只能加载css。

差异2：加载顺序的差异

当一个页面被加载的时候，即浏览者浏览页面时，link引用的css会同时被加载，而@import引用的css会等到页面所有被下载完后加载。使用＠import可能存在页面的样式在开始时不显示的问题。

差异3：兼容性的差异

@import是CSS2.1提出的，只在IE5以上才能识别，而link标签不存在兼容问题。

差异4：使用dom控制样式时的差异

当使用JS控制dom改变样式时，只能使用link，dom没法控制＠import。