这道题我不会做
前端
获得徽章 0
- 引入样式表有2种方式
![[疑问]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
`<link>` 和 `@import` 都可以用来引入外部样式表，但是二者还是存在一些区别的。
1. 加载方式：`<link>` 是 HTML 标签，当 HTML 页面被加载时，浏览器会同时加载外部资源。而 `@import` 是 CSS 提供的语法规则，它需要在 CSS 文件中声明，当样式表被加载时才会开始导入其他资源。因此，使用 `@import` 引入样式表时，会在样式表被加载后再加载其他资源，这可能会导致页面加载速度变慢。
2. 浏览器兼容性：`<link>` 是 HTML 标签，几乎所有的浏览器都支持该标签。而 `@import` 是 CSS2.1 版本新增的语法，不支持 CSS2 及以下版本的浏览器无法正确解析该语法。
3. 优先级：`<link>` 中引入的样式表的优先级要高于 `@import` 引入的样式表。这意味着，针对同一个元素，如果它既有 `<link>` 引入的样式表中的样式，又有 `@import` 引入的样式表中的样式，那么 `<link>` 中引入的样式表中的样式会覆盖 `@import` 中引入的样式表中的样式。
因此，在引入外部样式表时，建议使用 `<link>` 标签。展开评论2
![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
![[无辜呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_96.4fb9d71.png)