CSS字体样式

文字样式属性

字体：font-family
文字大小：font-size
文字颜色：color
文字粗细：font-weight
文字样式：font-style

font-family字体属性

定义元素内文字以什么字体来显示
语法：font-family：字体1，字体2，....
说明：
含空格字体名和中文，用英文引号括起
多个字体，用英文逗号隔开
引号嵌套，外使用双引号，内使用单引号
举例：p{font-family："宋体"，"微软雅黑";}虽然有多个字体，但只会使用一个，若第一个没有则使用第二个...，如果都没有，使用浏览器默认字体
font-family字体属性还可以添加字体集属性，比如sans-serif，p{font-family："宋体"，"微软雅黑"，sans-serif;}

font-size文字大小

定义元素内文字大小，不定义文字大小时，使用浏览器设置的默认字体大小
语法：font-size：绝对单位 / 相对单位

绝对单位：

相对单位，单位px（像素）、em（倍数，是父元素字体大小的倍数）、%（百分比，是父元素字体大小的百分比）
使用绝对单位（不受显示器分辨率的变化而变化）：p{font-size：0.5cm；}，div{font-size：larger；}
使用相对单位（受显示器分辨率的影响）：p{font-size：16px；}，div{font-size：150%；}

color文字颜色

定义元素内文字颜色
语法： color：颜色名|十六进制|RGB
h1{color：red;}
p{color：rgb(255,255,255);} p{color：rgb(0%,80%,100%);} /*数字：0~255，百分比：0%~100%*/
h1{color：#00FFF0;}/*#开头，六位，0~F*/

font-weight文字粗细

为元素内文字设置粗细
语法： font-weight：normal/bold/bolder/lighter/100~900
说明:   默认值：normal，400等同于normal，700等同于bold

font-style文字样式

为元素内文字设置样式
语法：  font-style：normal(默认)/italic(斜体)/oblique(倾斜)

font-variant字体变形 （针对英文字母）

设置元素中文本为小型大写字母
语法：  font-variant：normal(默认)/small-caps(小型大写字母)