该系列的一部分：
如何使用 CSS 构建网站
本教程是使用 CSS创建和自定义此网站的系列的一部分，CSS 是一种用于控制网站呈现的样式表语言。您可以按照整个系列重新创建演示网站并熟悉 CSS 或将此处描述的方法用于其他 CSS 网站项目。
在继续之前，我们建议您了解一些 HTML 知识，HTML 是用于在 Web 浏览器中显示文档的标准标记语言。如果您不熟悉 HTML，可以在开始本系列之前先阅读我们如何使用 HTML 构建网站系列的前十个教程。
介绍
在本教程中，您将创建 CSS ID 选择器，并了解在使用 CSS 和 HTML 构建网站时如何以及为何使用它们。
CSS ID 选择器的功能类似于 CSS类选择器。它们允许您创建可应用于具有唯一 ID 属性的 HTML 元素的 CSS 规则。与类一样，ID 名称由开发人员在使用 ID 选择器创建 CSS 规则时选择。然而，ID是从，你只能使用一个单独的ID类不同，一旦一个HTML文件内。因此，您只需为出现在页面上一次的项目（如顶部徽标、站点标题或导航栏）定义 ID。一般情况下，CSS ID 很少使用。
先决条件
要遵循本教程，请确保您已按照本系列如何设置 CSS 和 HTML 练习项目中的上一个教程中的说明设置必要的文件和文件夹。
创建 CSS ID 选择器
为 ID 创建规则时，#会在 ID 名称前加上a ：
#my-first-id {
color: blue;
}
此 CSS 规则创建一个名为“my-first-id”的 ID，并声明任何分配了此 ID 的 HTML 文本元素都将是蓝色的。
现在让我们探索 ID 在实践中是如何工作的。首先，确保您已按照本系列如何设置 CSS 和 HTML 练习项目中的前一个教程中的说明设置必要的文件和文件夹。
擦除styles.css文件中的所有内容（如果您一直在关注本系列），并将上述“#my-first-id”的 CSS 规则添加到您的styles.css文件中并保存文件。
接下来，返回到您的index.html文件并擦除所有内容（第一行代码除外：）<link rel="stylesheet" href="css/styles.css">。然后添加以下代码片段：
<p id="my-first-id">This text is styled using a CSS ID.</p>
保存文件并在浏览器中重新加载它。（有关加载 HTML 文件的说明，请访问我们的教程部分如何在浏览器中查看脱机 HTML 文件）。
你应该会收到这样的信息：
在本练习中，您在文件中创建了 CSS ID“my-first-id” styles.css，然后index.html使用突出显示的 ID 属性将其应用于文件中的文本内容。请注意，您可以为任何类型的 HTML 内容创建和应用 ID，例如图像和<div>元素。
结论
您探索了如何为仅在网页上出现一次的样式元素创建和使用 ID。在下一个教程中，您将了解 CSS伪类，这是一种由特定状态激活的特殊类型，可由用户行为触发。
