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
- 前三者顺序任意,后面 必须按顺序书写属性值。