link和@import的区别?

[问答题]

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的方式不同：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)