CSS——字体和文本样式

一.字体样式

1. 字体大小：font-size

    取值：数字+px；

2. 字体粗细：font-weight

    取值：

①关键字：normal正常，bold加粗

②纯数字：400正常，700加粗

注意：取值为纯数字时，值是没有单位的。

3. 字体样式：font-style

    取值：normal正常，italic倾斜

4. 字体类型：font-family

 ①  常见取值： 具体字体1,具体字体2,具体字体3,具体字体4,...,字体系列

•  具体字体："Microsoft YaHei"、微软雅黑、黑体、宋体、楷体等……

•  字体系列：sans-serif、serif、monospace等……

 ②   渲染规则：

• 从左往右按照顺序查找，如果电脑中未安装该字体，则显示下一个字体

• 如果都不支持，此时会根据操作系统，显示最后字体系列的默认字体

注意：有空格隔开的英文字体名需要用引号包裹。

5. 字体类型：

font属性连写   font : style weight size family;

---

二.  文本样式

1. 文本缩进：text-indent

取值：数值+px  或   数值+em

注意：1em等于当前标签font-size的大小。

2. 文本水平对齐方式：text-align

取值：

        left 左对齐

        center 居中对齐

        right  右对齐

注意： 如果需要让文本水平居中，text-align属性给 文本所在标签（文本的父元素） 设置 。

3. 文本修饰：text-decoration

取值：

        underline 下划线

        line-through 删除线

        overline 上划线

        none 无装饰线

注意： 开发中会使用 text-decoration : none ; 清除a标签默认的下划线

---

三.  文字垂直居中

line-height 控制文字上下间距，使文字垂直居中。

取值：数字+px  或者  当前标签字体大小的倍数。