CSS 设置文字颜色使用 color 这个属性，作用就是修改选中 HTML 元素里面文字的显示颜色，是前端最基础常用的样式属性，不管是标题、段落、按钮文字都可以用 color 控制，color 支持多种颜色书写格式，包括英文颜色名、十六进制色值、rgb、rgba 写法，学习的时候要记住属性名是 color，不要和 background 背景色混淆，文字颜色写在样式规则里面，配合选择器选中目标元素，就可以完成文字变色，同时可以搭配前面学过的三种 CSS 引入方式，行内、内部样式表、外部样式表都可以写 color 属性。
基础语法清单
- 基础语法格式
- 四种颜色书写格式
- 三种引入方式写 color 示例
选择器 {color: 颜色值；}
核心要点，属性名固定是 color，冒号后面填写颜色值，末尾加分号。
示例 p { color: red; } 代表所有 p 段落文字变成红色。
英文关键字写法，直接写 red blue green black white，优点简单好记，缺点可选颜色数量有限。
十六进制写法，格式 #RRGGBB，例如 #ff0000 代表红色，网页开发最常用。
rgb 写法，格式 rgb (红，绿，蓝)，例如 rgb (255,0,0)，三个数值范围 0 到 255。
rgba 写法，格式 rgba (红，绿，蓝，透明度)，最后一位是透明度，0 完全透明，1 不透明，可以实现半透明文字。
行内样式
蓝色文字
内部样式表 head 里面 style 标签写 p {color:green;}
外部样式表 在独立 css 文件里面写 h1 {color:#333333;}
深度补充要点
第一 区分 color 和 background-color，color 是文字本身颜色，background-color 是文字所在盒子的背景颜色，很多初学者容易写混，导致改了背景色但是文字颜色没变。
第二 继承特性，color 属于可继承属性，父元素设置 color 之后，子元素里面的文字默认会继承这个文字颜色，如果子元素单独写 color，就会覆盖继承的颜色。
第三 优先级问题，如果多条样式规则同时给同一个元素设置 color，会按照 CSS 层叠优先级生效，优先级高的规则覆盖低优先级，行内样式优先级最高。
第四 常见报错，属性名写错写成 colour，或者颜色值格式错误，会造成 color 不生效，浏览器不会识别错误属性，文字保持默认黑色。
相关 FAQ
问题 1 CSS 中设置文字颜色 属性名是什么
回答 1 CSS 中设置文字颜色的属性是 color，不是 background-color，background-color 是设置背景颜色。
问题 2 CSS 中设置文字颜色 十六进制红色怎么写
回答 1 CSS 中设置文字颜色，十六进制红色写法是 ff0000，代码示例 p {color:ff0000;}。
问题 3 CSS 中设置文字颜色 rgba 可以做半透明文字吗
回答 1 CSS 中设置文字颜色使用 rgba 的时候，最后一位参数控制透明度，可以实现半透明文字效果。
问题 4 CSS 中设置文字颜色 父元素设置 color 子元素会继承吗
回答 1 CSS 中设置文字颜色 color 支持继承，父元素设置文字颜色，子元素默认继承，子元素单独写 color 会覆盖继承颜色。
免责声明
本文为 CSS 基础考点科普，遵循 W3C 标准，属于基础语法讲解，不涉及 CSS 框架特殊扩展写法，实际开发可以根据项目规范选择颜色书写格式。