CSS 如何为HTML网页上的所有元素指定字体属性

在本文中，我们将介绍如何为HTML网页上的所有元素指定字体属性。字体属性可以用于设置字体类型、字体大小、字体粗细等样式。通过为所有元素指定字体属性，我们可以确保网页上的所有文字都具有统一的样式。

阅读更多：CSS 教程

字体类型

要为所有元素指定字体类型，我们可以使用CSS的font-family属性。这个属性值可以接受一个或多个字体名称作为参数，如果某个字体不可用，可以备选其他字体。下面是一个示例：

body {
  font-family: Arial, sans-serif;
}

在这个示例中，我们为body元素指定了两个备选字体，分别是Arial和sans-serif。如果用户的计算机上没有安装Arial字体，浏览器将使用sans-serif字体来显示文本。

字体粗细

要为所有元素指定字体粗细，我们可以使用CSS的font-weight属性。这个属性可以接受不同的值，例如normal（默认）、bold（粗体）、lighter（更细）等。下面是一个示例：

h1 {
  font-weight: bold;
}

在这个示例中，我们为h1元素指定了粗体字体。所有使用h1标签的标题都将以粗体显示。

其他字体属性

除了字体类型、字体大小和字体粗细之外，CSS还提供了其他一些字体属性用于进一步控制字体样式。例如：

font-style属性可以用于设置字体样式为italic（斜体）或者normal（默认）。
text-decoration属性可以用于设置字体装饰线，例如underline（下划线）、overline（上划线）或者none（无装饰线）。
color属性可以用于设置字体颜色。

下面是一个示例：

a {
  font-style: italic;
  text-decoration: underline;
  color: blue;
}

在这个示例中，我们为链接元素(a标签)指定了斜体字体样式、下划线装饰线和蓝色字体颜色。

示例

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
      font-size: 16px;
    }
    h1 {
      font-weight: bold;
    }
    a {
      font-style: italic;
      text-decoration: underline;
      color: blue;
    }
  </style>
</head>
<body>
  <h1>Welcome to my website</h1>
  <p>This is an example paragraph.</p>
  <p><a href="#">Click here</a> to visit our homepage.</p>
</body>
</html>

在这个示例中，我们在标签内使用