CSS样式——文本样式

• 设置文本字体大小

  font-size:16px;

• 设置文本颜色

  color:#343434
  
  样式值：
    1. 颜色单词名：red
    2. 16进制颜色值：#343434
    3. rgba颜色值：rgba(255,255,255,1) ——a表示透明度

• 设置字体类型

  font-family:'Times New Roman', Times, serif;
  
    1. 设置多个字体时，使用逗号分割，前面写英文字体，后面写中文字体
    2. 字体名有多个单词组成时，使用引号包裹

• 设置文本加粗效果

  font-weight:normal;
  
    1. 更粗的：bolder
    2. 加粗的：bold
    3. 常规的：normal
    4. 数值：100-900(600以上显示加粗效果)

• 设置文本斜体效果

  font-style:normal;
  
    1. 针对具有倾斜属性字体：italic
    2. 针对所有字体：oblique
    3. 正常字体：normal

• 设置文本行高

  line-height:16px;
  
    1. 行高指两行文字基线到基线之间垂直距离
    2. 清除行高可设置为 1 或与字体大小一样
    3. 行高<容器高度时，文本在容器靠上位置
    4. 行高=容器高度时，文本在容器居中位置
    5. 行高>容器高度时，文本在容器靠下位置

• font 样式的复合语法

  font:size/line-height family style weight color;

• 设置文本水平对齐方式

  text-align:方向
  
  1. 靠右对齐：right
  2. 靠左对齐：left
  3. 居中对齐：center
  4. 两端对齐：justify

• 设置文本垂直对齐方式

  vertical-align:方向
  
  1. 顶部对齐：top
  2. 底部对齐：bottom
  3. 居中对齐：middle
  4. 基线对齐：baseline

• 设置文本修饰线

  text-decoration:none
  
  1. 清除修饰：none
  2. 添加下划线修饰：underline
  3. 添加上划线修饰：overline
  4. 添加删除线修饰：line-through

• 设置文本缩进

  text-indent=2em;
  
  1. em单位是相对单位，1em = 1个字体大小
  2. 取正值时表示向内缩进
  3. 取负值时表示向外缩进

• 设置文本缩进

  text-indent=2em;
  
  1. em单位是相对单位，1em = 1个字体大小
  2. 取正值时表示向内缩进
  3. 取负值时表示向外缩进

• 设置字间距与词间距

  字间距
  word-spacing=10px;
  
  词间距
  letter-spancing=10px;

• 设置单词大小写

  text-transform:capitalize
  
    1. 设置为首字母大写：capitalize
    2. 设置为全部大写：uppercase
    3. 设置为全部小写：lowercase

• 折行样式

  不强制折行
  word-wrap:break-word
  
  强制折行
  word-break:break-all

• 设置英文文本为小型大写字体

  font-variant:small-caps
  
    1. 常规的——normal
    2. 小型大写字体——small-caps