一、行高
1.1、行高测量
基线与基线的距离为行高
1.2、单行文本垂直居中
文字的行高等于盒子的高度
line-height:30px;
行高= 上距离 + 内容高度 + 下距离
盒子 :
上距离和下距离总是相等的,因此文字看上去是垂直居中的
行高与高度的关系:
- 行高=高度,文字会垂直居中
- 行高>高度,文字会垂直偏下
- 行高<高度,文字会垂直偏上
二、css背景(background)
2.1 背景颜色(color)
语法:
background-color: transparent|color;
注意
transparent:背景色透明,不写颜色默认为transparent
color:指特定颜色
2.2 背景图片(image)
语法: