区别还是很大的,建议使用link标签

  1. 语法来源:
    @import 是css提供的语法规则,link是html标签、
    link标签
    link 标签定义文档与外部资源的关系。
    link 标签最常见的用途是链接样式表。
    link和@import的区别
    来源:http://www.w3school.com.cn/tags/tag_link.asp

  2. 加载顺序
    @import 在页面加载完毕后加载
    link 与html同时被加载

  3. DOM可控区别
    @import是css语法非标签JS无法修改
    link 是html标签 js可以修改;

  4. 兼容性
    @import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。

  5. css权重问题
    link引入的样式权重大于@import引入的样式。

相关文章: