css怎么设置字体颜色：三种写法
css怎么设置字体颜色，核心属性是color，支持英文颜色名、十六进制色值、rgb/rgba三种写法，行内样式、内部样式表、外部样式表都可以使用，rgba可以额外控制透明度，rgb不支持透明度，英文颜色名可选数量偏少，适合简单调试场景，该方法的适用边界是仅作用于文字本身，不会修改元素背景色，行内样式优先级高于内部和外部样式，适合只需要单独修改某一处文字的场景，批量统一文字颜色优先使用外部样式表。
css怎么设置字体颜色：不同写法示例
英文颜色名直接使用预设的颜色单词，代码示例为p{color:red;}，浏览器内置了一百多个基础颜色名称，输入简单，但是可选色调有限，很难匹配设计稿里精准的色值，一般只在快速测试页面效果的时候使用。
十六进制色值是前端开发里较为常用的方式，格式以开头，后跟6位或者3位字符，3位是6位的简写形式，代码示例为p{color:#ff0000;}，3位简写写法p{color:#f00;}，可以精准还原设计稿颜色，大多数UI设计工具导出色值默认都是十六进制格式。
rgb和rgba依靠红、绿、蓝三个通道数值调色，rgb的三个参数范围是0到255，rgba第四个参数是透明度，取值范围0到1，0代表完全透明，1代表完全不透明，代码示例p{color:rgb(255,0,0);}，带透明度写法p{color:rgba(255,0,0,0.7);}，需要文字半透明效果时优先选用rgba。
| 写法类型 | 是否支持透明度 | 适合场景 |
|---|---|---|
| 英文颜色名 | 不支持 | 快速调试、简单演示 |
| 十六进制色值 | 部分新语法支持，兼容性一般 | 正式项目、匹配设计稿 |
| rgb/rgba | rgba支持 | 需要文字透明渐变效果 |
三种引入方式优先级有区别，行内样式写在标签内，写法为
内部样式写在页面head标签的style标签里面，适合单页面独立样式，外部样式写在单独css文件，通过link标签引入，适合多页面共用一套文字颜色规则，是项目里推荐的形式。
选择器会影响生效范围，标签选择器匹配页面所有对应标签，类选择器可以自由绑定给任意元素，ID选择器仅匹配唯一元素，类选择器是开发里使用率更高的选择器类型。
继承规则会影响最终文字颜色，父元素设置color之后，子元素文字在没有单独设置color的情况下，会继承父元素的字体颜色，a标签是例外，默认自带浏览器蓝色，不会自动继承父级颜色，需要单独给a标签设置color。
权重会覆盖颜色。
你可以用开发者工具的元素面板，实时修改color的值，立刻看到文字颜色变化，调试的时候不用反复刷新页面，定位样式覆盖问题效率更高。
