link语法结构：
<link href="url" rel="stylesheet" type="text/css">
@import语法结构：
@import url 多用于css文件中，把多个样式表导入到一个样式表中，在页面里面只需要导入一个样式表即可，便于修改和扩展
1.在html中
<style>
@import url
</style>
2.在css中
@import url
link 和 @import 的区别:
1.语法结构的不同
2.本质不同
属于标签，只能放入html源码里进行使用，而@import可以看作为css样式，可以引入css样式（属于html标签，而@import是css提供的）
3.页面加载
页面加载时，会被同时被加载，而@import引用的css会等到页面被加载完的时候再加载
4.兼容性。
@import只有在IE5以上才能被识别，而是html标签，无兼容问题
5.优先级
不管是还是@import ，优先级按加载顺序为参考，后加载的优先级高
6.可控性
使用js控制dom改变样式只能使用标签
为什么要避免使用css @import
在web前端优化的建议中，不建议使用css @import 因为这种方式加载css相当于把css放在了底部，因此@import会在网页加载中增加延迟
至于为什么会增加延迟是因为使用@import引用的文件只有字引用它的那个css文件被下载、解析后，浏览器才会知道还有另一个css需要下载，这时才会去进行想在，然后再解析、构建render tree等一系列操作。因此css @import引起的css解析延迟会加长页面留白期，所以要尽量避免css @import，采用标签的方式引入
出 处：https://www.cnblogs.com/miluluyo/p/11122644.html
原文：https://www.cnblogs.com/huchong-bk/p/11613225.html