Question

说出前端link和import的区别

Answer 1

（1）使用方法不同（XHTML vs CSS）

link一般在html头部定义，作为html标签，同时除了引入css之外，还可以说明比如说rel="icon"
W3School对link定义如下(链接资源，主要用于链接外部的样式表)：
The <link> tag defines a link between a document and an external resource.
The <link> tag is used to link to external style sheets.

import一般定义在css内部，并且一定要在其他所有规则之前（除了charset），也就是一般写在文件头部，并且专门拿来链css的。
（2）加载顺序差别

import比link其实更延迟一些，它会等到页面下载完后才加载，因而可能会产生闪烁，请看下图（swiper.css在components.css中被import）：

（3）兼容支持性不同
由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。