0802.字体样式

vertical-align  设置元素垂直对齐的方式
可选值： baseline  基线对齐  沿着字母x最下方对齐（ top  bottom  middle）
功能：1设置元素垂直对齐的方式 ，这种功能，只针对图片，文字，表格，不针对块元素
           2、解决图片三像素的问题（面试题）
 方案一：vertical-align样式，设置一个非baseline的样式值
 方案二：设置父元素的font-size为0
 方案三：将图片转成块元素          
 方案四：将元素脱离文档流

text-transform 可以用来设置文本的大小写
 可选值： none  默认值  文本正常显示； uppercase   文本大写 ； lowercase   文本小写
 capitalize   首字母大写
 text-decoration  [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰 
 可选值：  none   默认值  文本正常显示；underline  下划线；overline   上划线；
  line-through  删除线            
 text-decoration: line-through; */
 letter-spacing可以指定字符间距 
 word-spacing可以设置单词之间的距离 
  text-align用于设置文本的对齐方式
   可选值：left  文本向左  默认值；right   文本向右；center  居中显示； justify  两端对齐
  text-indent 设置首行缩进，常用的 em
 white-space: ; 设置网页如何处理空白
 text-overflow 文本溢出包含元素时发生的事情 */
  设置单行文本省略号的写法
   1.先设置固定宽度：width: 300px;
   2.设置不换行 ：white-space: nowrap;
   3.设置省略号：text-overflow: ellipsis;
   4.裁剪多余的/溢出的内容 ：overflow: hidden;
多行文本的省略号 
 设置文本的阴影
 text-shadow: h-shadow v-shadow blur color; 
第一个参数：阴影的水平位移距离   （必填）  正值向右，负值向左             
第一个参数：阴影的垂直位移距离   （必填）  正值向下，负值向上             
第三个参数：阴影的模糊半径            
第四个参数：阴影的颜色 （默认是字体的颜色
 text-shadow: -10px -30px 15px rgba(0, 0, 0, 0.5);
设置块元素的阴影
 box-shoadow: h-shadow v-shadow blur color; 
第一个参数：阴影的水平位移距离   （必填）  正值向右，负值向左 第一个参数：阴影的垂直位移距离   （必填）  正值向下，负值向上     
第三个参数：阴影的模糊半径             
第四个参数：阴影的颜色 （默认是黑色）