参考资料

  1. CSS响应式详细说明以及案例
  2. css布局格式
  3. 如何优化Flexbox布局的性能？
  4. 背景属性详细说明以及案例
  5. 动画属性详细说明以及案例
  6. 如何调试Flex布局问题？
  7. css中div居中详细说明
  8. css如何居中一个div

  1. font-family 设置字体类型
    案例: font-family: "Arial", sans-serif;

  2. font-size 设置字体大小
    案例: font-size: 16px;

  3. font-weight 设置字体粗细
    案例: font-weight: bold;

  4. font-style 设置字体样式
    案例: font-style: italic;

  5. font-variant 设置字体变体
    案例: font-variant: small-caps;

  6. line-height 设置行高
    案例: line-height: 1.5;

  7. font 缩写属性，可同时设置多个字体属性
    案例: font: italic bold 16px/1.5 "Arial", sans-serif;