在现代网页开发中，HTML和CSS是最基本的两种技术。HTML用于创建网页的结构，而CSS则用于美化网页的外观。为了实现更好的代码组织和维护，我们通常会将CSS代码存放在独立的文件中，并通过HTML文件链接这些CSS文件。本文将详细介绍如何在HTML中创建并链接CSS文件的方法。

第一步：创建HTML文件

我们首先需要一个HTML文件，这是我们网页的基础。可以使用任何文本编辑器（如Notepad、Sublime Text、VS Code等）来创建HTML文件。将文件保存为`index.html`，文件名可以根据个人喜好修改，但后缀必须为`.html`。

下面是一个简单的HTML文件示例：

这是一个简单的网页示例。

第二步：创建CSS文件

接下来，我们需要创建一个CSS文件，用于存放样式信息。使用文本编辑器创建一个新的文件，并保存为`styles.css`。CSS文件的命名也可以根据喜好调整，但后缀必须为`.css`。

以下是一个简单的CSS文件示例，其中包含基本的样式：

body { font-family: Arial, sans-serif; background-color: #f0f0f0; } h1 { color: #333; } p { color: #666; line-height: 1.6; }

第三步：在HTML中链接CSS文件

现在，我们有了HTML文件和CSS文件。接下来，需要将CSS文件链接到HTML文件中，以便网页能够使用这些样式。在HTML文件的``部分中，添加以下代码：

完整的`index.html`文件将如下所示：

这是一个简单的网页示例。

第四步：测试网页

保存你的`index.html`和`styles.css`文件。现在可以在网页浏览器中打开`index.html`文件。你应该能够看到网页的外观被CSS样式文件所改变，这就是CSS文件链接成功的标志。

在HTML中创建并链接CSS文件是一个非常简单的过程，但它为网页设计提供了强大的灵活性和美观性。这种代码分离的方式不仅使得网页开发更加高效，也有助于后期的维护和更新。通过以上步骤，你可以轻松地为自己的网页引入CSS样式，提升整体用户体验。

掌握好HTML与CSS的基本用法后，还可以进一步学习更高级的网页设计技巧，例如响应式设计、CSS框架（如Bootstrap），以及JavaScript交互效果等。希望本文能够帮助到想要入门网页开发的朋友们！