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。