欢迎来到 CSS 文本样式实验！在网页设计中，控制文本的外观是创建可读、可访问且美观网站的基础。CSS (Cascading Style Sheets) 为此提供了强大的属性集。
在本实验中，你将亲手实践最常用的 CSS 文本样式属性。你将学习如何更改文本颜色、调整字体大小、加粗文本、对齐文本以及控制行间距。我们将使用两个文件：index.html，其中包含内容；以及 style.css，你将在其中编写 CSS 规则。通过切换到实验环境中的 Web 8080 标签页，你可以实时查看你的更改。
让我们开始吧！
在本步骤中，你将学习如何使用 CSS 的 color 属性来改变文本的颜色。此属性可以接受颜色名称（如 red、blue）、十六进制值（如 #FF0000）、RGB 值等。
首先，在 WebIDE 左侧的文件浏览器中找到 style.css 文件。点击它在编辑器中打开。
现在，让我们添加一条规则来改变段落文本的颜色。我们将使用 p 选择器来定位所有段落元素。将以下代码添加到你的 style.css 文件中：
p {
color: #2980b9;
}添加代码后，保存 style.css 文件。要查看结果，请点击界面顶部的 Web 8080 标签页。你应该会看到段落文本的颜色已变为蓝色。
在本步骤中，我们将使用 font-size 属性来调整文本的大小。此属性控制字体的大小。虽然你可以使用许多单位（如 em、rem、%），但我们将从像素 (px) 开始，它提供了一个固定的尺寸。
让我们稍微增大段落文本的尺寸以提高可读性。回到你的 style.css 文件，并将 font-size 属性添加到现有的 p 规则中。
你的 p 选择器的规则现在应该如下所示：
p {
color: #2980b9;
font-size: 18px;
}保存文件并再次切换到 Web 8080 标签页。你会注意到段落内的文本现在比之前更大了。
在本步骤中，你将学习如何使用 font-weight 属性来控制文本的粗细。此属性可以接受关键字值，如 normal 或 bold，或者从 100 到 900 的数值。
让我们通过显式设置标题 (h1) 的粗细，使其更加突出。虽然标题通常默认是粗体，但在 CSS 中定义它有助于确保一致性。我们还将使段落文本变为粗体。
修改你的 style.css 文件。首先，为 h1 元素添加一条新规则。然后，将 font-weight 属性添加到你现有的 p 规则中。
h1 {
font-weight: bold;
}
p {
color: #2980b9;
font-size: 18px;
font-weight: bold;
}保存文件并检查 Web 8080 标签页。你会看到段落文本现在是粗体了。
在本步骤中，我们将使用 text-align 属性来控制文本的水平对齐方式。此属性可以具有 left、right、center 或 justify 等值。它是定位标题和其他块级文本元素的好方法。
让我们居中页面上的主标题。为此，我们将把 text-align 属性添加到 style.css 文件中的 h1 规则中。
更新 style.css 文件中的 h1 规则，以包含 text-align: center;：
h1 {
font-weight: bold;
text-align: center;
}保存文件后，刷新 Web 8080 标签页。<h1> 标题 "Welcome to CSS Text Styling" 现在应该在页面顶部完美居中了。
在最后一步中，我们将通过调整文本行之间的间距来提高段落的可读性。这可以通过 line-height 属性来实现。
为 line-height 使用无单位值是一种常见的最佳实践，因为它会创建相对于元素字体大小的间距。例如，line-height 为 1.6 意味着间距将是字体大小的 1.6 倍。
让我们为段落添加一些垂直间距。转到你的 style.css 文件，并将 line-height 属性添加到 p 规则中。
你最终的 p 规则应该如下所示：
p {
color: #2980b9;
font-size: 18px;
font-weight: bold;
line-height: 1.6;
}保存文件并在 Web 8080 标签页中查看结果。你会注意到段落现在更容易阅读了，行间距也更加舒适。
恭喜你完成了 CSS 文本样式设计实验！你已成功学习并应用了一些最基本的 CSS 属性，用于控制网页上文本的外观。
在此次实验中，你练习了：
color：用于更改文本颜色。font-size：用于控制文本大小。font-weight：用于调整文本的粗细。text-align：用于设置文本的水平对齐方式。line-height：用于管理文本行之间的垂直间距。这些基本技能是创建设计精良且易于阅读的网页内容的基础。请随时在 style.css 文件中尝试不同的值和属性。继续探索，以提高你的 CSS 熟练度！
