link和@import区别

1,@import url()机制是不同于<link>的,<link>符合逐行加载规则,会阻塞后续代码加载,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。
2,当使用javascript控制dom去改变样式的时候,只能使用<link>,因为@import不是dom可以控制的。
3,<link>除了能加载css外还能定义RSS,定义rel连接属性,@import只能加载css

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

推荐阅读更多精彩内容

  • doctype(文档类型)的作用是什么? 告诉浏览器用何种渲染模式来渲染页面 浏览器标准模式和怪异模式之间的区别是...
    07120665a058阅读 522评论 0 5
  • 2 区别 1 link属于html标签,而@import是css的语法。2 页面被加载时,link会同时被加载,...
    李永州的FE阅读 315评论 0 0
  • 页面使用css的方式主要有3种,标签行内引用,页面头部样式引用,外部样式引用,其中外部样式引用有link和impo...
    wmsj100阅读 1,619评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1 92
  • 最近在看html基础,好吧,写点笔记,比较low见谅,反正我自己看懂就行了 CSS基础 1、css简介 casca...
    小龙是只猫阅读 604评论 0 1