link 与 @import

本质都是为了加载css文件，但还是有区别：

起源区别


css方式


xhtml方式


加载顺序

页面被加载时，link引用的css文件会同时加载

页面全部加载完时，@import引用的css才会被加载

兼容性的差别

@import 是CSS2.1提出的，IE5以上才识别

link没有兼容性问题

使用dom控制样式时的差别

使用JavaScript去控制dom修改样式，只能使用link

@import不是dom可以控制的

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,827评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,824评论 1赞 45
  • 面试总结
    $HTML， HTTP，web综合问题 1、前端需要注意哪些SEO 3、HTTP的几种请求方法用途 4、从浏览器地...
    peng凯阅读 785评论 0赞 1
  • 面试问题答案综合版(web)
    $HTML， HTTP，web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 4,682评论 0赞 20
  • 二入职场，上班第一天
    我在不断探索，不断航行，寻觅思想中可以翻盘的地方，以期找到正确的方向。思想没有沉浮，不在摆动。生命有限，不断尝试，...
    酸溜溜的小晴子阅读 168评论 0赞 0