1.字体系列font-family

用于设置显示的字体，可以使用中文设定字体，但最好用英文，兼容性更好。

  1. font-family可以传入多个字体参数，每个参数之间用逗号隔开，浏览器按照从左到右的方式查找用户是否安装了该字体，如果没有则继续下一个，如果都找不到则使用浏览器默认的字体。

    1. body {
    2. font-family: '宋体','Times New Roman','微软雅黑','Microsoft YaHei';
    3. }

    VSCode会提示常用的字体设置。
    image.png
    以下没有细说的是比较简单的，自查CSS3帮助文档即可。

  2. font-size字体大小 （必须注意的是：font-size的最小值为12px，小于12都不会生效，为0则是直接消失）

  3. font-weight字体粗细
  4. font-style字体样式(斜体之类的)
  5. font字体混合属性

image.png

  1. color文本颜色
  2. text-align文本对齐方式

    text-decoration文本装饰

    该属性为文本定义外观（上划线、下划线、删除线）
    image.png删除线在一些个人论坛里还挺常见的，用来整活。
    body {
 text-decoration: underline;
}

    text-indent文本缩进

    该属性用来指定文本的第一行的缩进，通常是将段落的首航缩进。
    其中indent的值可以是任意单位的，px、em都可以，且可以为负值，如果为负值则段落首航会向前突出。
    单位em：相对长度单位。相对于当前对象内文本的字体尺寸。即本段落的字体大小，所以中文里常用2em缩进两个字符的长度。
    p {
text-indent: 2em;
}

    line-height行间距（行高）

    用于设置行间的距离，顾名思义。该属性用于控制上下间距的大小，不改变文本高度。
    image.png
    p {
line-height: 20px;
}
    特殊用法：
    设置行高时可以不跟单位，如果不写单位则代表倍数，即使用当前文字的大小乘上设置数字的大小。
    p {
/*这里的行高 1.5 代表行高为当前字符大小 20px 的1.5倍 */
font-size: 20px;
line-height: 1.5
}