在另一个 CSS 文件中导入 CSS

在 CSS 中，我们可以使用 @import 规则来导入外部 CSS 文件。这使得我们可以将 CSS 代码分成多个文件，并在需要的地方引入它们，从而使代码更加模块化和易于维护。

Markdown 代码片段：

在 CSS 中，我们可以使用 `@import` 规则来导入外部 CSS 文件。这使得我们可以将 CSS 代码分成多个文件，并在需要的地方引入它们，从而使代码更加模块化和易于维护。

使用 @import 导入 CSS 文件

要在 CSS 中导入另一个 CSS 文件，我们可以使用 @import 规则，如下所示：

@import url("style.css");

该规则将会引入名为 style.css 的 CSS 文件。请注意，我们使用的是 URL，因此文件路径可以是相对路径或绝对路径。

在 HTML 中导入 CSS 文件

除了在另一个 CSS 文件中使用 @import 规则导入外部 CSS 文件外，我们还可以在 HTML 中使用 link 元素来导入 CSS 文件。

<link rel="stylesheet" href="style.css">

该元素将会引入名为 style.css 的 CSS 文件。请注意，文件路径可以是相对路径或绝对路径。

总结

使用 @import 规则或 link 元素导入外部 CSS 文件都是有效的方法。通常来说，我们应该使用 link 元素，因为它具有更好的性能，并且允许我们在 HTML 中指定其他 CSS 相关的信息，如 media 查询和渐进增强。