如何创建单独的 CSS 文件并将其引入 HTML - 完整指南 - 常规

<p>要单独创建一个 CSS 文件并将其引入 HTML 中，可以按照以下步骤进行操作：\n\n1. 打开一个文本编辑器（如记事本、Sublime Text、Visual Studio Code 等）。\n2. 创建一个新的空白文件。\n3. 将你的 CSS 代码复制粘贴到该文件中，并将其保存为一个以 `.css` 结尾的文件，例如 `styles.css`。\n4. 在你的 HTML 文件中，使用 `<link>` 标签将该 CSS 文件引入。在 HTML 文件的 `<head>` 标签中添加以下代码：\n\n<code>html\n&lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;\n</code>\n\n其中，`href` 属性的值应该是你保存的 CSS 文件的路径。如果该 CSS 文件与 HTML 文件位于同一目录下，可以直接提供文件名；如果不在同一目录下，需要提供相对或绝对路径。\n\n5. 保存 HTML 文件，然后在浏览器中打开该 HTML 文件，即可看到 CSS 样式被应用到 HTML 元素上。\n\n确保 CSS 文件和 HTML 文件位于正确的位置，并按照正确的路径引入，这样就可以单独创建和引入一个 CSS 文件了。</p>