在 HTML 文档中，可以通过 <link> 标签或 CSS 中的 @import 语句来引用外部样式表。两者在使用方式、加载顺序、兼容性等方面有一些重要的区别。
| 特性 | <link> 标签 | @import |
|---|---|---|
| 用法 | 在 HTML 文档的 <head> 部分使用 | 在 CSS 文件或 <style> 标签内使用 |
| 加载顺序 | 页面加载时立即加载样式表 | 在加载包含它的 CSS 文件后加载 |
| 浏览器支持 | 支持所有主流浏览器 | 支持 IE5+ 和所有现代浏览器 |
| 性能 | 加载并行进行，速度较快 | 加载顺序依赖，速度较慢 |
| DOM 可操作性 | 可通过 JavaScript 操作和控制 | 不易通过 JavaScript 操作 |
| 样式权重 | 样式权重相同 | 样式权重相同 |