如何将 CSS 文件添加到 HTML 中 - 详细指南 - 常规

要将 CSS 文件添加到 HTML 中，您可以使用 <link> 标签将 CSS 文件链接到 HTML 文档。以下是一个示例：

在您的 HTML 文件的 <head> 标签中添加以下代码：

<head>
  <link rel="stylesheet" href="styles.css">
</head>

上述代码将 'styles.css' 作为外部 CSS 文件链接到 HTML 文档中。确保将 'href' 属性的值设置为您的 CSS 文件的路径和文件名。

您还可以将 CSS 样式直接写入 HTML 文件的 <style> 标签中。以下是一个示例：

<head>
  <style>
    /* 在这里写入您的 CSS 样式 */
    .my-class {
      color: red;
    }
  </style>
</head>

上述代码将 CSS 样式直接嵌入到 HTML 文档中。您可以在 <style> 标签中编写所需的所有 CSS 样式。

无论是将外部 CSS 文件链接到 HTML 还是直接嵌入 CSS 样式，都需要将上述代码放置在 HTML 文件的 <head> 标签内。这样浏览器在加载 HTML 时会首先加载和应用 CSS 样式。