使用CSS设置文本颜色，推荐外部样式表。1. 内联样式用style属性；2. 内部样式表在head中定义；3. 外部CSS文件可复用；4. 颜色值支持名称、十六进制、RGB、HSL等格式。
在HTML中修改文本颜色，主要通过CSS（层叠样式表）来实现。虽然早期的HTML支持使用标签直接设置颜色，但这种方式已被废弃，现代网页开发推荐使用CSS方法。下面介绍几种常用的设置文本颜色的方式。
1. 使用内联样式（Inline CSS）
可以直接在HTML标签中使用style属性设置文本颜色。
<p style="color: red;">这段文字是红色的</p><h2 style="color: #00ff00;">这个标题是绿色的</h2>说明： color属性用于定义文本颜色，值可以是颜色名称、十六进制值、RGB或HSL格式。
2. 使用内部样式表（Internal CSS）
在HTML文档的<head>部分使用<style>标签定义样式规则。
立即学习“前端免费学习笔记（深入）”；
<head><style>
.text-blue { color: blue; }
p { color: #333; }
</style>
</head>
<body>
<p class="text-blue">这段文字是蓝色的</p>
</body>
建议： 适用于单个页面的样式设置，便于集中管理。
3. 使用外部样式表（External CSS）
将样式写入单独的.css文件，然后在HTML中引入。
/* styles.css */.highlight {
color: purple;
}<!-- 在HTML中引入 -->
<link rel="stylesheet" href="styles.css">
<p class="highlight">这段文字是紫色的</p>
优点： 多个页面共用同一套样式，便于维护和更新。
4. 颜色值的表示方式
CSS支持多种颜色表示法：
- 颜色名称： 如 red, blue, green, black 等
- 十六进制： 如 #ff0000（红）、#00ff00（绿）、#0000ff（蓝）
- RGB： 如 rgb(255, 0, 0)、rgb(0, 128, 0)
- HSL： 如 hsl(120, 100%, 50%) 表示绿色
- 透明度（RGBA/HSLA）： 如 rgba(0, 0, 0, 0.5) 表示半透明黑色
基本上就这些。推荐使用外部CSS配合类选择器来管理文本颜色，结构清晰且易于维护。避免使用过时的<font>标签，保持代码现代和语义化。
