1. Introduction
CSS即层叠样式表，是一种用于为网页添加样式和布局的语言。在网页设计中，文字的颜色是很重要的一个要素，因为字体颜色可以影响页面的整体风格和氛围。在本文中，我们将介绍如何使用CSS修改字体颜色。
2. CSS文本颜色属性
在CSS中，我们使用color属性来设置文本的颜色。color属性接受不同的值：
2.1 颜色名称
CSS支持一些预定义的颜色名称，例如红色、绿色、蓝色等。这些颜色名称可以直接作为color属性的值。
/* 使用颜色名称 */
p {
color: red; /* 将段落文字设置为红色 */
}
2.2 十六进制颜色值
除了颜色名称之外，我们还可以使用十六进制颜色值来定义颜色。十六进制颜色值由六个数字或字母组成，前两个数字代表红色通道，中间两个数字代表绿色通道，最后两个数字代表蓝色通道。每个通道的值范围是00到FF。
/* 使用十六进制颜色值 */
p {
color: #0000FF; /* 将段落文字设置为蓝色 */
}
2.3 RGB颜色值
RGB颜色是由红色通道、绿色通道和蓝色通道的值组成的。我们可以使用rgb()函数来定义RGB颜色。
/* 使用RGB颜色 */
p {
color: rgb(255, 0, 0); /* 将段落文字设置为红色 */
}
2.4 RGBA颜色值
RGBA颜色是由红色通道、绿色通道、蓝色通道和透明度（alpha通道）的值组成的。我们可以使用rgba()函数来定义RGBA颜色。
/* 使用RGBA颜色 */
p {
color: rgba(255, 0, 0, 0.5); /* 将段落文字设置为半透明的红色 */
}
2.5 HSL颜色值
HSL颜色是由色相（hue）、饱和度（saturation）和亮度（lightness）的值组成的。我们可以使用hsl()函数来定义HSL颜色。
/* 使用HSL颜色 */
p {
color: hsl(0, 100%, 50%); /* 将段落文字设置为亮红色 */
}
2.6 HSLA颜色值
HSLA颜色是由色相（hue）、饱和度（saturation）、亮度（lightness）和透明度（alpha通道）的值组成的。我们可以使用hsla()函数来定义HSLA颜色。
/* 使用HSLA颜色 */
p {
color: hsla(0, 100%, 50%, 0.5); /* 将段落文字设置为半透明的亮红色 */
}
3. CSS选择器
为了让CSS选择器能够选择到正确的元素，我们需要使用不同的选择器。在本节中，我们将介绍一些常见的CSS选择器。
3.1 标签选择器
标签选择器可以选择某种HTML标签中的所有元素。例如，如果我们想要将所有段落的文字颜色设置为红色，我们可以这样写：
/* 使用标签选择器 */
p {
color: red; /* 将所有段落的文字颜色设置为红色 */
}
3.2 类选择器
类选择器可以选择拥有特定类名的元素。通过给标签添加class属性，我们可以为它们指定一个类名。例如，如果我们想要将所有class为“text”的元素的文字颜色设置为蓝色，我们可以这样写：
/* 使用类选择器 */
.text {
color: blue; /* 将所有class为“text”的元素的文字颜色设置为蓝色 */
}
3.3 ID选择器
ID选择器可以选择拥有特定ID的元素。通过给标签添加id属性，我们可以为它们指定一个ID名。注意，ID名应该是唯一的，因为每个页面上只能有一个具有特定ID的元素。例如，如果我们想要将ID为“title”的元素的文字颜色设置为绿色，我们可以这样写：
/* 使用ID选择器 */
#title {
color: green; /* 将ID为“title”的元素的文字颜色设置为绿色 */
}
4. CSS样式继承
在CSS中，样式可以被继承。这意味着，如果一个元素没有设置某个属性的时候，它会从它的父元素中继承这个属性的值。
/* 样式继承示例 */
<div id="parent">
这是父元素的段落。
</div>
<div id="child">
这是子元素的段落。
</div>
<style>
#parent {
color: blue; /* 父元素文字颜色为蓝色 */
}
#child {
color: inherit; /* 子元素继承父元素的文字颜色 */
}
</style>
5. CSS字体属性
除了颜色之外，我们还可以使用CSS字体属性来改变文本的样式和大小。
5.1 font-family属性
font-family属性用于指定页面中使用的字体。在font-family属性中，我们可以指定多个字体，从而使浏览器在找不到第一个字体时使用第二个字体。
/* font-family属性示例 */
body {
font-family: Arial, Helvetica, sans-serif; /* 使用Arial字体，如果无法找到则使用Helvetica，如果还是找不到则使用系统默认sans-serif字体 */
}
5.2 font-size属性
font-size属性用于指定文本的大小。可以使用像素、em、百分比等单位来指定字体大小。
/* font-size属性示例 */
p {
font-size: 16px; /* 将所有段落的字体大小设置为16像素 */
}
5.3 font-weight属性
font-weight属性用于指定文本的粗细度。可以使用“normal”、“bold”、“bolder”、“lighter”或数字（100到900之间的整数）来指定字体的粗细。
/* font-weight属性示例 */
p {
font-weight: bold; /* 将所有段落的字体设置为粗体 */
}
6. 总结
在本文中，我们介绍了如何使用CSS修改文本颜色，并讲解了常见的CSS选择器和字体属性。了解这些基础知识有助于掌握CSS的使用。在实际开发中，我们可以根据网页的设计要求灵活运用这些CSS属性。