详解CSS定义字体、颜色、背景等属性

字体属性

在CSS中，我们可以使用font-family属性来定义文字的字体，可以输入一个字体的名称或者是多个字体的名称，例如：

p {
  font-family: Arial, Helvetica, sans-serif;
}

上面的例子中，字体设置为Arial，如果用户的浏览器没有安装Arial字体，可以尝试安装Helvetica字体或者sans-serif字体。

除了font-family属性之外，我们还可以通过font-size属性来定义文字的大小，例如：

h1 {
  font-size: 32px;
}

上面的例子中，h1标签中的文字大小被设置为32像素。

颜色属性

在CSS中，我们可以使用color属性来定义文字的颜色，例如：

p {
  color: #ff0000;
}

上面的例子中，文字颜色被设置为红色，使用了十六进制颜色码。

除了使用十六进制颜色码之外，我们还可以使用CSS预定义的颜色名称，例如：

p {
  color: red;
}

上面的例子中，文字颜色被设置为红色，使用了CSS预定义的颜色名称。

背景属性

在CSS中，我们可以使用background-color属性来定义元素的背景颜色，例如：

p {
  background-color: #f9f9f9;
}

上面的例子中，元素的背景颜色被设置为浅灰色，使用了十六进制颜色码。

除了使用background-color属性之外，我们还可以使用background-image属性来设置背景图片，例如：

body {
  background-image: url("bg-image.jpg");
}

上面的例子中，整个页面的背景被设置成了一张图片。

示例说明

示例1：修改链接字体颜色和大小

下面的代码将修改所有链接的字体颜色和大小：

a {
  color: #0066cc;
  font-size: 16px;
}

上面的代码中，链接文字的颜色设置成了深蓝色，字体大小为16像素。

示例2：设置文本框背景颜色和边框样式

下面的代码将为文本框设置黄色背景和灰色边框：

input[type="text"] {
  background-color: #ffffcc;
  border: 1px solid #999999;
}

上面的代码中，文本框的背景颜色设置为黄色，边框样式为灰色实线边框。

以上是CSS定义字体、颜色、背景等属性的详细讲解，希望对你有所帮助。