css文本样式

• 字体：font-family定义元素中的文字用什么字体显示。
  语法：font-family：[字体一],[字体2]，[...]

image.png

     说明： 

  1、含空格字体名和中文，用英文引号（""）
  括起来。

  2、含空格字体名和中文，用英文引号（""）括起
  
  3、多个字体，用英文逗号“，”隔开
    
  4 引号嵌套，外使用双引号，内使用单引号。 

文字大小：font-size：绝对单位/相对单位。

 绝对单位：不会随着浏览器分辨路或者父元素大小的改变

而改变。

image.png

相对单位：

• px像素：受显示器分辨率影响（手机端一般不用），

• em/%

  当不设置字体大小时，默认为浏览器默认值，一般为 16px
  

  em（成倍，针对父元 素）,%（针对父元素），受分辨率影响。

  larger与smaller相对父元素字体大小变大变小。
  
  标签内继承的是父元素的计算值 而不是相对值的百分比
  

文字颜色：color

    color：颜色名|十六进制|GRB格式

文字粗细：font-weight

      font-weight： 
      normal|bold|bolder|light|100~900

     默认值：normal

    400等同于normal，700等同于bold

文字样式：font-style

    font-style：normal|italic|oblique
     默认值：normal

font-variant：设置元素文本为小型大写字母

    font-variant：normal|small-caps

font属性简写

image.png

• 前三者顺序任意，后面 必须按顺序书写属性值。