使用CSS设置文本颜色,推荐外部样式表。1. 内联样式用style属性;2. 内部样式表在head中定义;3. 外部CSS文件可复用;4. 颜色值支持名称、十六进制、RGB、HSL等格式。

在HTML中修改文本颜色,主要通过CSS(层叠样式表)来实现。虽然早期的HTML支持使用标签直接设置颜色,但这种方式已被废弃,现代网页开发推荐使用CSS方法。下面介绍几种常用的设置文本颜色的方式。
1. 使用内联样式(Inline CSS)
可以直接在HTML标签中使用style属性设置文本颜色。
这段文字是红色的
这个标题是绿色的
说明: color属性用于定义文本颜色,值可以是颜色名称、十六进制值、RGB或HSL格式。
2. 使用内部样式表(Internal CSS)
在HTML文档的
部分使用这段文字是蓝色的
建议: 适用于单个页面的样式设置,便于集中管理。
3. 使用外部样式表(External CSS)
将样式写入单独的.css文件,然后在HTML中引入。
/* styles.css */.highlight {
color: purple;
}
这段文字是紫色的
优点: 多个页面共用同一套样式,便于维护和更新。
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配合类选择器来管理文本颜色,结构清晰且易于维护。避免使用过时的标签,保持代码现代和语义化。











