css如何设置字体颜色

CSS（Cascading Style Sheets）是一种用于描述HTML或XML（包括SVG、MathML等各种XML方言）文档样式的样式表语言。设置字体颜色是CSS中最基本的操作之一。

基础概念

CSS通过选择器（Selectors）来选择特定的HTML元素，并使用属性（Properties）来定义这些元素的样式。字体颜色是通过color属性来设置的。

类型

CSS颜色可以通过多种方式指定：

预定义颜色名称：如red、blue、green等。
十六进制颜色代码：如#FF0000（红色）、#00FF00（绿色）、#0000FF（蓝色）等。
RGB值：如rgb(255, 0, 0)（红色）、rgb(0, 255, 0)（绿色）、rgb(0, 0, 255)（蓝色）等。
RGBA值：如rgba(255, 0, 0, 0.5)，其中最后一个值表示透明度。
HSL值：如hsl(0, 100%, 50%)（红色）、hsl(120, 100%, 50%)（绿色）、hsl(240, 100%, 50%)（蓝色）等。
HSLA值：如hsla(0, 100%, 50%, 0.5)，其中最后一个值表示透明度。

应用场景

文本颜色：设置段落、标题、链接等文本的颜色。
背景颜色：设置元素的背景颜色。
边框颜色：设置元素边框的颜色。

示例代码

以下是一个简单的示例，展示如何使用CSS设置字体颜色：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Font Color Example</title>
    <style>
        h1 {
            color: blue; /* 使用预定义颜色名称 */
        }
        p {
            color: #FF0000; /* 使用十六进制颜色代码 */
        }
        .highlight {
            color: rgb(0, 255, 0); /* 使用RGB值 */
        }
    </style>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is a paragraph with red text.</p>
    <p class="highlight">This paragraph has green text.</p>
</body>
</html>