知道什么

• 颜色关键字：在HTML文件中，输入p{Color:black；}更改每个段落的颜色，其中黑色表示您选择的颜色。
• 十六进制：在HTML文件中，输入p{color:#000000；}要更改颜色，其中000000表示您选择的十六进制值。
• RGBA：在HTML文件中，输入p{color:RGBA（47,86135,1）；}要更改颜色，其中47,86135,1表示您选择的RGBA值。

CSS使您能够控制构建和管理的网页上文本的外观。在本指南中，我们将向您展示如何使用颜色关键字、十六进制颜色代码或RGB颜色编号更改CSS中的字体颜色。

如何使用css样式更改字体颜色

颜色值可以表示为颜色关键字、十六进制颜色数或RGB颜色数。在本课程中，您将需要一个HTML文档来查看CSS更改，并需要一个附加到该文档的单独CSS文件。我们将特别关注段落元素。

使用颜色关键字更改字体颜色

要更改HTML文件中每个段落的文本颜色，请转到外部样式表并键入p{}。将color属性放置在后跟冒号的样式中，如p{color:}。然后，在属性后添加颜色值，并以分号结束。在此示例中，段落文本更改为黑色：

使用十六进制值更改字体颜色

使用颜色关键字将文本更改为红色、绿色、蓝色或其他一些基本颜色，在创建这些颜色的不同色调时，无法提供所需的精度。这就是十六进制值的含义。

这种CSS样式可用于将段落涂成黑色，因为十六进制代码#000000可转换为黑色。你甚至可以用简写法把这个十六进制值写成#000，得到同样的结果。

当您需要的颜色不仅仅是黑色或白色时，十六进制值可以很好地工作。例如，此十六进制代码使您能够设置非常特定的蓝色阴影，即中等范围的石板状蓝色：

十六进制通过将颜色的RGB（红、绿、蓝）值分别设置为十六进制值来工作。这就是为什么它们除了数字0到9之外还包含字母A到F的原因。

每种颜色，红色、绿色和蓝色，都接收自己的两位数值。00是可能的最低值，而FF是最高值。颜色以十六进制的RGB顺序列出，因此前两位数字表示红色值，依此类推。

使用rgba颜色值更改字体颜色

最后，可以使用RGBA颜色值编辑字体颜色。RGCA在所有现代浏览器中都受支持，因此您可以放心地使用这些值，它将适用于大多数观众，但您也可以设置一个简单的回退。

此RGBA值与上面指定的石板蓝颜色相同：

前三个值设置红色、绿色和蓝色值，最后一个数字是透明度的alpha设置。alpha设置设置为1表示100%，因此此颜色没有透明度。如果将该值设置为十进制数，如.85，它将转换为85%的不透明度，颜色将略微透明。

如果要防弹您的颜色值，请复制以下CSS代码：

此语法首先设置十六进制代码，然后用RGBA编号覆盖该值。这意味着任何不支持RGBA的旧浏览器将获得第一个值并忽略第二个值。

请记住，color属性适用于CSS中的任何HTML文本元素，这一点很重要。例如，您可以更改所有链接颜色。此示例将使您的链接亮绿色：

这同样适用于多个元素。您可以同时设置每个标题级别。例如，这会将所有标题元素设置为午夜蓝色：

为您的颜色提供十六进制或RGBA值并不总是容易的。大多数网页设计师会使用图像编辑程序，如Photoshop或GIMP，来生成准确的代码。你也可以在网上找到方便的颜色选择工具，比如w3schools的这个。

设置html页面样式的其他方法

可以使用外部样式表、内部样式表或HTML文档中的内联样式更改字体颜色。但是，最佳实践要求您应该为CSS样式使用外部样式表。

内部样式表是直接写在文档“标题”中的样式，通常仅用于小型的单页网站。应该避免使用内联样式，因为它们类似于我们多年前处理的旧“字体”标记。这些内联样式使管理字体样式变得非常困难，因为您必须在内联样式的每个实例中更改它们。