温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
CSS中有两种方式来引入外部样式表：link和@import。它们都可以用来将外部CSS文件引入到HTML文档中，但在使用上有一些区别。
link是HTML标签，用于在HTML文档中引入外部CSS文件。它是XHTML和HTML5的标准属性，也是最常用的方式。通过link标签，可以在HTML文档的head部分或者在文档的任意位置引入外部CSS文件。下面是一个link标签的示例代码：
<link rel="stylesheet" type="text/css" href="styles.css">
在上面的示例中，rel属性指定了样式表的关系，type属性指定了样式表的MIME类型，href属性指定了外部CSS文件的路径。
而@import是CSS的一种规则，用于在CSS文件中引入外部CSS文件。它只能在CSS文件中使用，不能在HTML文档中使用。@import规则必须写在CSS文件的开头，而且只能引入一个外部CSS文件。下面是一个@import规则的示例代码：
@import url("styles.css");
在上面的示例中，@import规则使用url()函数来指定外部CSS文件的路径。
link与@import的区别主要有以下几个方面：
1. 加载顺序：link标签引入的外部CSS文件会在页面加载时同时加载，而@import引入的外部CSS文件会在页面加载完毕后再加载。这意味着使用link标签可以更快地加载CSS样式。
2. 兼容性：link标签在所有浏览器中都被支持，而@import规则在一些旧版本的浏览器中可能不被支持。如果需要兼容性较好的方式，建议使用link标签。
3. 用法：link标签可以在HTML文档的任意位置使用，而@import规则只能在CSS文件中使用。这意味着使用link标签可以更灵活地控制样式表的引入位置。
总结来说，link标签是HTML标签，用于在HTML文档中引入外部CSS文件，而@import规则是CSS的一种规则，用于在CSS文件中引入外部CSS文件。link标签具有更好的兼容性和加载性能，而@import规则则更适用于在CSS文件中引入其他CSS文件的情况。
需要注意的是，如果同时在HTML文档中使用link标签和@import规则引入同一个外部CSS文件，那么该文件会被重复加载，可能会导致样式冲突或者性能问题。建议在项目中选择一种方式来引入外部CSS文件，以避免这种问题的发生。
