页面导入样式时,使用link和@import有什么区别

在html设计编写中,样式有四种方式作用于网页,分别是:内联样式,嵌套样式,链接样式 ( link ),导入样式(@import )。
内联样式以及嵌套样式在这里我们就不做过多的介绍,我们都知道内联样式只对当前标签有用,嵌套样式只在当前页面起作用;
我们接着说链接样式 link 与导入样式 @import的区别:
1、link属于XHTML标签,除了可以加载css外,还可以定义RSS等其它事务,@import属于CSS范畴,只能加载CSS;
2、link引用CSS时,在页面载入时同时加载,而@import导入的CSS样式需要等页面载入完成后才开始加载(所以网络不好的情况下,会看见页面样式闪烁的情况);
3、@import只有在ie5以上浏览器能够识别,存在兼容性问题,link则没有兼容性问题;
4、link属于XHTML标签,因此可以通过JavaScript去动态改变引入的样式路径,@import则不行。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值