font-family 字体格式

serif 衬线字体
前端(八):字体_默认值
sans-serif 非衬线字体
前端(八):字体_默认值_02
monospace 等宽字体
前端(八):字体_mysql_03
cursive 手写体
前端(八):字体_默认值_04
fantasy 梦幻字体
前端(八):字体_行间距_05

color用来设置字体颜色
font-size字体的大小
em 相当于当前元素的一个font-size
rem 相对于根元素的一个font-size

行高

文字占有的实际高度,可以通过line-height来设置行高

可以直接指定一个大小 px/em
也可以直接为行高设置一个小数(字体大小的倍数)

行高经常还用来设置文字的行间距:行间距 = 行高 - 字体大小

字体框

字体框就是字体存在的格子,设置font-size实际上就是在设置字体框的高度
行高会在字体框的上下平均分配

字体的简写属性

font 可以设置字体相关的所有属性:
font: font-style font-variant font-weight font-size/line-height font-family
其中某些值可以不写,会用默认值

属性 默认值 其他常用值
font-style normal italic
font-variant normal small-caps
font-weight normal bold
font-size medium smalllarge
line-height normal
font-family 取决于浏览器

文本对齐方式

水平对齐

text-align属性值 对齐方式说明
left 左侧对齐
right 右侧对齐
center 居中对齐
justify 两端对齐

垂直对齐

vertical-align 属性值 对齐方式说明
baseline 基线对齐
top 顶部对齐
bottom 底部对齐
middle 居中对齐