首页 > 试题广场 >

link和@import的区别?

[问答题]

相同点:两者都为外部引入文化.

不同点:

1.link是html标签是链接文件而@import是导入文件;

2.link标签没有兼容性问题.

3.页面加载时,link文件同时执行,而@import是页面加载完成时才执行!

发表于 2019-06-05 19:11:16 回复(0)

首页link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址);”放如css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。

发表于 2017-08-29 21:19:58 回复(0)

都是外部引用CSS的方式</p><p>不同:1、link是html标签,和页面同步加载,@import是CSS提供的方式,在页面加载完成之后加载。 2、link的权重高于@import。 3、二者语法格式不同,link rel='stylesheet' href=CSS文件'/>。@import url('CSS文件') 4、用js控制DOM只能操作link。5、link无兼容性问题,@importIE5以上才支持。

编辑于 2020-04-26 10:11:09 回复(0)

<p>link是一个标签是链接文件,而@import则是导入文件</p><p>link标签不存在兼容问题</p><p>link在页面加载时就同时执行了而@import 是在页面加载完成后才运行</p>

编辑于 2020-05-10 15:17:58 回复(0)
打印13题
发表于 2019-09-04 10:22:18 回复(0)
<p>都是外部引用css样式的代码</p><p>link是html标签,可以用js控制dom去修改css样式</p><p>@import是css提供的样式,不可以再去修改</p><p>link除了引用css样式还可用来引入rss等</p><p>link引入的样式和网页同步加载,@import引入的样式在网页加载完成后再加载</p><p>link无兼容性问题</p>
发表于 2022-02-20 10:34:53 回复(0)
link和@import都是加载外部资源的,link无兼容问题,@import低版本不支持。link除了加载css文件,还可以加载rss文件,但是@import只能加载css文件。
发表于 2020-12-26 11:03:58 回复(0)

<p>两者均为引入外部样式</p><p>link是xhtml,@import单纯引入</p>

加载时机

兼容性

编辑于 2020-08-29 11:11:55 回复(0)
第4点重要
发表于 2019-11-13 08:49:13 回复(0)
link链接文件,import导入代码。但是代码也是放在外部文件中,所以都可以用link。
发表于 2018-05-29 21:11:20 回复(0)