HTML5文本样式笔记总结

• font-family（使用逗号分隔的字体族名称）
  规定元素的字体系列
  font-family使用时英文字体放在中文字体前面， 为了不让中文字体影响英文字体，最后总是要添加通用字体族。
  字体匹配算法

  1. 浏览器先获取一个系统字体列表
  2. 对于元素中每一个字符，使用font-family属性及其他属性进行匹配，如果能匹配就暂定改字体。
  3. 如果没有匹配上，则选择下一个可选的font-family进行匹配。
  4. 如果匹配到一个字体，但是字体中没有该字符，继续对下一个可选的font-family进行匹配
  5. 如果没有匹配到字体，使用浏览器默认字体。

• font-size
  -定义文字的大小，可使用px、em、百分比等做单位
  取值有绝对值，相对值，长度，百分比（相对于父元素计算值）
  em 用在font-size属性上时，是相对于父元素的font-size计算值

• font-style
  -定义文字是以斜体还是正常方式显示
  取值：normal(正常方式显示)、italic(斜体)、oblique（伪斜体）
• font-weight
  定义文字的粗细程度
  取值：normal、bold、bolder、lighter、100、…….900
  取值含义:
  100–thin
  200–extra light
  300–light
  400–normal
  500–medium
  600–semi bold
  700–bold
  800–extra bold
  900–black(heavy)
• line-height
  -元素所属的line box所占的高度
  取值；长度、数字、百分比
• Web fonts
  -将字体族文件放在服务器上，浏览器引用服务器上的字体
  @font-face{
  font-family:’lobster’;
  font-style:normal;
  font-weight:400;
  src:local(‘lobster’), 本地字体
  local(‘lobster-regular’),
  url(…….)
  format(…),
  }
  中文中由于字符比较多，可以使用网络字体。
  网络字体链接：Google Fonts、Baomitu DCN、Font Spider
• text-align
  -定义文本在容器内的对齐方式
  取值：left、right、center、justify(两端对齐，对于最后一行不起作用，导航栏不可以这样去实现两端对齐)
• letter-spacing
  -指定字符之间的间距
  取值：mormal、length
• word-spacing
  -指定单词之间的间距,对于中文不做处理
  取值：normal、length
• white-spacing
  -指定空白符如何处理
  取值：normal、nowrap(不换行)、pre(按照html页面中写的格式展示)
• word-break
  -指定是否允许在单词中间换行
  取值：normal、break-all、keep-all、break-word(对于单词不折行，推荐使用)