link 与 @import 的区别

link 与 @import 都能引入 CSS，其区别为

1. 从属关系不同
   • link 是 html 标签，除了能引用 CSS 文件，还能引用 RSS，rel 关联属性设置
   • @import 是 CSS 关键字

2. 加载顺序不同

   • link 引入 CSS 是同时加载
   • @import 页面加载完毕后被加载 :::warning @import 会在最上面加入内容 :::

3. 兼容性

   • link 不存在兼容性
   • @import CSS2.1 IE5+ 出现

4. DOM 操作

   • link 可以通过 DOM 进行操作

     var oStyle = document.getElementById('style');
     style.href = 'css/style.css';

   • @import 不行

5. link 引入的样式权重大于 @import 引入的样式