html字体设置

在HTML中，可以使用CSS（层叠样式表）来设置字体，以下是一些常用的CSS属性和值，用于控制HTML元素的字体样式：

1、font-family: 设置字体系列，可以指定一个或多个字体名称，用逗号分隔，浏览器会按照指定的顺序选择可用的字体，如果某个字体不可用，浏览器将尝试使用下一个字体。

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

2、font-size: 设置字体大小，可以使用绝对单位（如像素、磅）或相对单位（如百分比、em）。

h1 {
  font-size: 24px; /* 绝对单位 */
}
p {
  font-size: 1em; /* 相对单位 */
}

3、font-weight: 设置字体粗细，常用的值有normal、bold、bolder、lighter 以及数字（例如400、700）。

strong {
  font-weight: bold;
}

4、font-style: 设置字体样式，常用的值有normal、italic 和oblique。

em {
  font-style: italic;
}

5、text-decoration: 设置文本装饰，常用的值有none、underline、overline、line-through 和blink。

a {
  text-decoration: none;
}

6、text-transform: 设置文本转换，常用的值有none、capitalize、uppercase 和lowercase。

h1 {
  text-transform: uppercase;
}

7、color: 设置文本颜色，可以使用颜色名称、十六进制颜色代码或RGB/RGBA值。

p {
  color: #ff0000; /* 十六进制颜色代码 */
}

8、line-height: 设置行高，可以使用绝对单位或相对单位。

p {
  line-height: 1.5; /* 相对单位 */
}

9、letter-spacing: 设置字符间距，可以使用绝对单位或相对单位。

p {
  letter-spacing: 1px; /* 绝对单位 */
}

10、word-spacing: 设置单词间距，可以使用绝对单位或相对单位。

p {
  word-spacing: 2px; /* 绝对单位 */
}

这些属性可以单独使用，也可以组合在一起，以实现更复杂的字体样式设置。

标签：