css-字体和文本属性

css之字体

• font-family : 设置字体

  一共有5个字体类型
  sans-serif（没有衬线）：Verdana、Arial、Arial Black…
  serif（有衬线）Times New Roman…
  monospace（宽度相同）
  cursive（包含看似好像手写的字体，有趣）
  fantasy（包含装饰性字体）

• font-size：设置字体的大小

  四种方式：px; 百分比（相对于父元素）; em（相对于父元素多少倍）; 关键字 (xx-small x-small small medium large x-large xx-large)；百分数

• color：设置字体的颜色

• font-weight：设置字体的粗细

  light normal bold bolder

css之文本风格

• text-decoration(可以为文本加一些装饰)
  none、underline 、overline、 line-through

• font-style:
  italic(倾斜向右）oblique

• line-height
  设置行高

• font-variant
  small-caps （被选中的字母变成大写字母，但是它们如果原本是大写则是比较小的大写字母，如果原来就是大写字母，则比较大在形体上。）normal

• font-stretch（让字体更胖或更瘦）
  wider

• 文本缩进
  text-indent（首行缩进多少）

• text-align（文本对齐方式）
  left right center justiy

• vertical-align（其不影响块级元素的内容的对齐，可以影响表单，表格中的元素的垂直对齐）
  baseline:要求一个元素的基线与父元素对齐
  sub:下标
  bottom:底端对齐
  text-bottom:文本底部对齐
  text-top:文档顶部对齐
  middle:中部
  还可以用百分比，具体的单位。

• 字间隔（word-spacing）

• 字母间隔（letter-spacing）

• text-transform（处理文本的字母大小）
  uppercase（转化成大写） lowercase（转换成小写）capitalize（只是首字母大写）

• 文本阴影（text-shadow）
  有三个参数（阴影颜色，与文本的偏移距离，模糊半径）