在HTML5中设置文字颜色需结合语义化标签（如p、span）与CSS样式，支持内联style、内部style标签、外部CSS文件、选择器定位及CSS变量等多种方式实现灵活精准控制。

如果您希望在HTML5页面中添加文字并设置字体颜色，则需要使用语义化文本标签配合CSS样式控制外观。以下是实现此目标的具体方法：

一、使用p标签添加段落文字并设颜色

p标签用于定义标准段落，是HTML中最基础的文字容器之一。通过内联style属性或外部CSS可直接设定字体颜色。

1、在HTML文件的body内插入p标签，例如：

这是一段文字

2、为该p标签添加style属性，写入color样式，如：

这是一段橙色文字

3、也可使用十六进制、rgb()或预定义颜色名，例如：color: rgb(0, 128, 255); 或 color: blue;。

二、使用span标签添加行内文字并设颜色

span标签是行内容器，不换行，适合对段落中某部分文字单独设置样式，常与CSS类或内联样式配合使用。

1、在已有段落中嵌入span标签，例如：

这是正常文字，这是

2、为span添加内联颜色样式：绿色文字。

3、若需复用样式，可在head中定义CSS类：，再于span中调用：红色高亮文字。

三、通过外部CSS文件统一管理文字颜色

将样式与结构分离有助于维护和复用。外部CSS文件可批量控制所有p、span及其他文本元素的颜色表现。

1、新建一个名为style.css的文件，并在其中写入规则，例如：p { color: #3498db; }。

2、在HTML文档的head中引入该CSS文件：。

3、确保HTML中对应文字使用了正确标签，如p或span，且未被更高优先级样式覆盖（如内联style）。

四、使用CSS color属性配合不同选择器精确着色

CSS选择器可精准定位特定文字容器，避免全局影响。结合ID、class或上下文关系，能实现灵活的颜色控制。

1、为某段文字设置唯一ID：

标题文字

2、在style标签或CSS文件中编写对应规则：#header-text { color: #9b59b6; }。

3、对多个同类元素使用class：备注说明，再定义.note { color: #f39c12; }。

五、利用CSS变量实现主题化文字颜色切换

CSS自定义属性（变量）允许集中定义颜色值，便于后续统一调整，尤其适用于多处重复使用的色彩。

1、在:root伪类中声明变量：:root { --text-primary: #2c3e50; }。

2、在任意CSS规则中引用该变量：p { color: var(--text-primary); }。

3、如需临时覆盖，可在具体元素上重新设置变量值，例如：

这段文字将呈橙色