最常用设置文字颜色的方式是使用color属性，它支持颜色名称、十六进制、RGB、RGBA、HSL和HSLA等多种值格式，可应用于文本元素如p、h1、span等，并能通过继承影响子元素，结合伪类可实现交互效果，需注意与背景的对比度以提升可读性。
在CSS中，设置文字颜色最常用的方式是使用 color 属性。这个属性用于定义文本的前景色，也就是字体的颜色。它可以直接应用在HTML元素上，实现对字体色彩的精确控制。
color 属性的基本语法
color 属性可以接受多种格式的颜色值，常见的包括：
- 颜色名称（如：red、blue、green、black）
- 十六进制颜色值（如：#ff0000、#000000、#336699）
- RGB 颜色值（如：rgb(255, 0, 0)）
- RGBA 颜色值（支持透明度，如：rgba(255, 0, 0, 0.5)）
- HSL 和 HSLA（如：hsl(120, 100%, 50%)）
示例：
p {
color: #333;
}
h1 {
color: rgb(255, 102, 0);
}
span {
color: hsl(240, 100%, 50%);
}
应用场景与技巧
color 属性适用于所有可显示文本的HTML元素，比如 p、h1~h6、span、a、div 等。合理使用颜色能提升页面可读性和视觉层次。
立即学习“前端免费学习笔记（深入）”；
- 链接颜色也可通过 color 控制，例如：a { color: blue; }
- 结合:hover等伪类，实现鼠标悬停变色效果
- 注意对比度，确保文字与背景之间有足够的可读性
继承特性
color 属性具有继承性，子元素会自动继承父元素的文本颜色，除非显式重新定义。
例如：
div {
color: green;
}
/* div 内部的 p、span 等文本也会变成绿色 */
基本上就这些。掌握 color 属性是前端样式设计的基础，灵活运用不同颜色格式能让网页更具表现力。
