面试题：link和@import的异同

相同点

两者都是常用的引入外部css的方式：

<!-- link使用 -->
<link rel="stylesheet" href="style.css" type="text/css"/>

<!-- @import使用 -->
<style type="text/css">
  @import url("style.css")
</style>

区别

从属关系不同

1. link：是html提供的标签，不仅可以加载css文件，还可以定义Rss、rel连接属性等。
2. @import：是css提供的语法规则，只有导入样式表的作用；

加载顺序不同

1. link：加载页面，link标签引入的css被同时加载。
2. @import：需要页面网页加载完成以后才加载；

Dom可控性不同

1. link：link支持使用js控制dom去掉样式。

   document.createElement('link')
   

2. @import并不支持js控制dom改变样式；