css 中link 与@import的区别

很多以前忘记的额知识点或者没见过的知识点，都是在刷面试题的时候遇到的。
牛客网前端面试
1.两者导入的语法不同
link(链接式语法)

<link rel="stylesheet" href="style.css">

@import的语法不同：

<style type="text/css">
@import url("style.css")
style>

2.link和import语法结构不同，前者是html标签，只能放在html源代码中使用，link除了可以加载css外，还可以做很多其他事情，比如定义RSS，定义rel连接属性等。@import看作CSS样式，只能加载CSS

3.使用link方式，浏览器将css文件和HTML的主题部分一同加载，所以显示出来的页面从一开始就是带样式效果的；而采用@import方式，浏览器则会先装在完整个HTML文件再装载CSS文件

4.当使用javascript控制DOM去改变样式的，只能用link方式，因为@import眼里只有CSS ，不是DOM可以操控的。
5.link是XHTML标签，无兼容问题，@import是在CSS2.1提出的，低版本的浏览器不支持