以下为ChatGPT自动生成的解答,正确与否请自行判断。

BFE.devAI解答 - 前端面试问题
74. CSS中的@import 是如何工作的?

@import 是 CSS 提供的一种导入外部样式表的方法,与 <link> 标签类似,但是有一些区别:

  • <link> 标签可以在 <head><body> 中使用,而 @import 必须在样式表的顶部使用。
  • <link> 标签可以同时引用多个样式表,而 @import 只能引用一个。
  • 当浏览器解析到 <link> 标签时,页面会同时下载样式表和其他内容,而 @import 会先下载 HTML 文档,再下载样式表,这可能会导致页面延迟加载。

在实际使用中,一般情况下建议使用 <link> 标签来引入外部样式表,因为它有更好的性能和灵活性。而 @import 一般只会在某些特殊情况下使用,比如需要动态加载样式表时。