html @import与<link>的区别

两者都可以用与引入CSS文件,但两者有着一下几种区别

  1. 来源
    <link> 是 XHTML 的标签,除了可以引用CSS文件外,还可以做其他事情。例如引入RSS、定义rel连接属性等。
    @import 是CSS提供的一种引入CSS文件的方式,只能用于引入CSS文件。
  2. 兼容性
    <link> 一般无兼容性问题
    @import 是CSS2.1提出的,所以老版本的浏览器可能不支持
  3. 加载顺序
    <link> 在浏览器加载到 <link> 标签时,会并发地下载所需资源,与浏览器的解析渲染同时进行。
    @import 会等到页面其他内容加载完毕后才会开始下载所需资源。所以偶尔会看到一些使用 @import 的页面出现闪烁
  4. 使用DOM动态控制样式
    <link> 可以方便地使用Javascript动态控制DOM并引入新CSS文件来控制页面样式
    @import 不是DOM可以控制的
  5. 使用方法不同
    <link> 常位于 头部 <head>
    @imp
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值