首页 > 其他 > 详细

link 和 @import的区别

时间:2021-02-15 23:30:20      阅读:29      评论:0      收藏:0      [点我收藏+]

一、link 和@import语法

<link href="style.css" rel="stylesheet">
<style type="text/css">
@import url(style.css);
</style>

三、link与@import区别

1、引入的内容不同

link:除了可以引入样式文件,还可以引入资源文件;

@import:只引用样式文件。

2、加载顺序不同

link:引入css时,在页面载入同时加载;

@import:需要页面完全载入以后才加载

3、兼容性不同

link:link是XHTML标签,无兼容问题;

@import:@import是css 2.1以后提出来的,提版本浏览器可能有兼容问题

4、对js的支持不同

link:支持使用javascript控制Dom去改变样式:

@import:不支持

link 和 @import的区别

原文:https://www.cnblogs.com/cxyqts/p/14405519.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!