html字体样式

1、行高（line height）
文字占有的实际高度
行高=上间距+字体大小+下间距
默认情况，上间距=下间距=（行高-字体大小）/2
行间距=下间距+上间距=行高-字体大小
line-height属性
可选值：
（1）直接放一个大小单位 xxpx xxem xxrem
（2）直接放倍数 例如：1 2 3
是当前字体大小的倍数
（3）放百分比
是当前字体大小的百分比
2、单行文本在父元素中垂直居中
3、font中也可以指定行高
font: bold italic 25px/3 serif;

1: text-transform 可以用来设置文本的大小写
可选值
none 默认值 文本正常显示
uppercase 文本大写
lowercase 文本小写
capitalize 首字母大写
2: text-decoration [dɛkə’reɪʃ(ə)n] 可以用来设置文本的修饰
可选值：
none 默认值 文本正常显示
underline 下划线
overline 上划线
line-through 删除线
3: letter-spacing可以指定字符间距
4: word-spacing可以设置单词之间的距离

5: text-align用于设置文本的对齐方式
可选值
left 文本向左 默认值
right 文本向右
center 居中显示
justify 两端对齐
/
/ text-align:center ; /
/ 6: text-indent 设置首行缩进
常用的 em单位`

   .p3 {
    background-color: pink;
    /* 7: white-space: ; 设置网页如何处理空白
        8: text-overflow 文本溢出包含元素时发生的事情 */
    /*设置单行文本省略号的写法 */
    /* 先设置固定宽度 */
    width: 300px;
    /* 设置不换行 */
    white-space: nowrap;
    /* 设置省略号 */
    text-overflow: ellipsis;
    /* 裁剪多余的/溢出的内容 */
    overflow: hidden;

    /* 扩充：多行文本的省略号 */
  }`

/* 设置文本的阴影
10: text-shadow: h-shadow v-shadow blur color;
参数：
第一个参数：阴影的水平位移距离 （必填） 正值向右，负值向左
第一个参数：阴影的垂直位移距离 （必填） 正值向下，负值向上
第三个参数：阴影的模糊半径
第四个参数：阴影的颜色 （默认是字体的颜色）
*/

/* 设置块元素的阴影
11、box-shoadow: h-shadow v-shadow blur color;
参数：
第一个参数：阴影的水平位移距离 （必填） 正值向右，负值向左
第一个参数：阴影的垂直位移距离 （必填） 正值向下，负值向上
第三个参数：阴影的模糊半径
第四个参数：阴影的颜色 （默认是黑色） */