css 字体设置

CSS 字体设置主要包括以下几个属性：

1、font-family: 用于设置字体系列，可以指定一个或多个字体名称，浏览器会按照指定的顺序查找可用的字体，如果没有找到第一个字体，就会尝试下一个，常用的字体系列有 "serif"（衬线字体）、"sans-serif"（无衬线字体）、"monospace"（等宽字体）等，还可以使用通用字体族名，如 "Arial, Helvetica, sans-serif"。

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

3、font-weight: 用于设置字体粗细，可以是数字（如 400 表示正常，700 表示粗体）或关键词（如 "normal"、"bold"、"lighter"、"bolder"）。

4、font-style: 用于设置字体样式，可以是 "normal"（默认值）、"italic"（斜体）或 "oblique"（倾斜）。

5、text-decoration: 用于设置文本装饰，可以是 "none"（无装饰）、"underline"（下划线）、"overline"（上划线）、"line-through"（删除线）或 "blink"（闪烁）。

6、text-transform: 用于设置文本的大小写转换，可以是 "none"（保持原样）、"capitalize"（首字母大写）、"uppercase"（全部大写）或 "lowercase"（全部小写）。

7、line-height: 用于设置行高，通常是一个数字或百分比。line-height: 1.5; 或line-height: 150%;。

8、letter-spacing: 用于设置字符间距，可以是负值（减小间距）或正值（增加间距）。letter-spacing: 1px; 或letter-spacing: -0.5px;。

9、word-spacing: 用于设置单词间距，可以是负值（减小间距）或正值（增加间距）。word-spacing: 5px; 或word-spacing: -2px;。

10、text-align: 用于设置文本的水平对齐方式，可以是 "left"（左对齐）、"right"（右对齐）、"center"（居中对齐）或 "justify"（两端对齐）。

11、vertical-align: 用于设置元素的垂直对齐方式，可以是 "baseline"（基线对齐）、"sub"（下标）、"super"（上标）、"top"（顶部对齐）、"text-top"（文本顶部对齐）、"middle"（居中对齐）、"bottom"（底部对齐）或 "text-bottom"（文本底部对齐）。

这些属性可以组合在一起，形成一个完整的 CSS 字体样式规则。

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: 1px;
  word-spacing: 5px;
  text-align: center;
  vertical-align: middle;
}

标签：