font-family 字体格式
serif 衬线字体
sans-serif 非衬线字体
monospace 等宽字体
cursive 手写体
fantasy 梦幻字体
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 |
small、large
|
line-height |
normal |
|
font-family |
取决于浏览器 |
文本对齐方式
水平对齐
text-align属性值 |
对齐方式说明 |
|---|---|
left |
左侧对齐 |
right |
右侧对齐 |
center |
居中对齐 |
justify |
两端对齐 |
垂直对齐
vertical-align 属性值 |
对齐方式说明 |
|---|---|
baseline |
基线对齐 |
top |
顶部对齐 |
bottom |
底部对齐 |
middle |
居中对齐 |
















