12-03字体和背景

• 字体

  • 颜色
    color-颜色关键字
    十六进制颜色
    rgb、rgba
    hsl、hsla
  • 字体样式
    font-style italic, normal…斜体…
  • 字体变体
    font-variant small-caps, normal…
  • 字体重量
    关键字 bold, normal…
    数字：100、200、… 900，默认是400，700 ~ bold 加粗
  • 字体大小
    font-size
    关键字：large larger…
    像素值：20px;
  • 行高
    line-height
  • 字体
    font-family

• 文本

  • 文字对齐
    text-align:center/left/right;
  • 文字装饰
    text-decoration:none;
  • 文字缩进
    text-indent:50px;
  • 文字阴影
    text-shadow:3px 3px 1px red;（左右偏移量，上下偏移量，阴影半径/模糊的距离，颜色）
  • 文字转换
    text-transform:capitalize, uppercase, lowercase
  • 字母间距
    letter-spacing
  • 单词间距
    word-spacing

• 文字引用

• 背景

  • 背景颜色
    background:red;
  • 背景图片
    background: url(“bg.png”) ;
  • 背景重复
    background-repeat: no-repeat;无重复
  • 背景位置
    background: url(“bg.png”) left -250px no-repeat;
  • 背景渐变
    background:linear-gradient(to right,red,blue）;线性渐变