link和@import的区别

目录

1. 讲解:

3. @import

4. 区别:

5. link和@impor的详细区别

    1. 从属关系

    2. 加载顺序

    3. 兼容性问题

    4. DOM可控性

    5. 权重问题(有争议)


1. 讲解:

页面中使用CSS的方式主要有3种:

行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外部引用有两种分别是:link和@import。

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />

3. @import


<style type="text/css" media="screen"> 
    @import url("CSS文件"); 
</style> 

4. 区别:

link属于html标签。@import在css中使用表示导入外部样式表;
页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;
import只在IE5以上才能识别,而link是HTML标签,无兼容问题;
link方式的样式的权重 高于@import的权重;
link 支持使用javascript

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值