Link和@import的区别

1. 本质区别：link由html提供；@import由css提供
2. 加载方式：link与html页面结构同时加载；@import是等待html页面结构加载完成后再加载，会造成也面的重绘和回流
3. 兼容性：link不存在兼容性问题；@import需要IE5以上浏览器才能识别
4. 操作DOM：@import方式引入无法操作DOM；link方式可以
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • link和@import的区别简析
    我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部...
    马蹄丙阅读 6,804评论 0赞 5
  • link和@import的区别
    页面中使用CSS的方式主要有3种：1.行内添加style属性2.外链样式link3.外链样式@import 现在来...
    小玉芯阅读 1,724评论 0赞 0
  • link和@import的区别
    页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种...
    hope7th阅读 1,162评论 0赞 0
  • link和@import的区别
    页面使用css的方式主要有3种： 标签行内引用（内联样式） 内部样式表 外部样式表，其中外部样式引用有link和i...
    Precipice阅读 9,440评论 0赞 3
  • 前端面试积累9-link和@import的区别
    1.link属于html标签，@import是css提供的。 2.页面被加载时，link会同时被加载，而@impo...
    加油_未来阅读 3,596评论 0赞 0

友情链接更多精彩内容