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 | 居中对齐 | 
 
 
                     
            
        













 
                    

 
                 
                    