页面导入样式时，使用link和@import有什么区别?

　　在页面导入样式时，可以使用两种方法：link 和 @import。尽管它们都可以用来导入外部样式表，但它们在实现和性能方面存在一些区别。

　　1.加载时间和性能

　　·link：link是 HTML 元素，用于在页面中引入外部资源。当浏览器解析 HTML 时，会立即下载并并行加载指定的样式表，这样可以加快页面加载速度。

　　·@import：@import 是 CSS at-rule，用于在样式表中导入其他样式表。当浏览器解析 CSS 时，会下载并加载主样式表，然后再逐个解析和加载被 @import 导入的样式表。这会导致页面加载速度稍慢，因为浏览器需要等待主样式表加载完成后才能继续加载其他样式表。

　　2.兼容性

　　·link：link 是 HTML 标准的一部分，几乎所有浏览器都支持它。它可以用于导入其他类型的资源，如 JavaScript 文件和图标。

　　·@import：@import 是 CSS2 引入的语法，被大多数现代浏览器支持。但是，某些旧版本的浏览器可能无法正确解析和加载 @import。

　　3.优先级和覆盖

　　·link：由于link是在HTML的head部分中声明的，它们具有很高的优先级。这意味着通过link导入的样式表中的规则会覆盖通过其他方式定义的样式。

　　·@import：@import的优先级较低，它们会在解析样式表时应用。这意味着通过@import导入的样式表中的规则会被其他方式定义的样式所覆盖。

　　综上所述，推荐使用link元素来导入样式表，因为它具有更好的性能、更广泛的兼容性和更高的优先级。然而，在某些特定情况下，如动态加载样式表或在特定媒体查询下加载样式表，@import也可以作为一种替代方案。