CSS—行高、背景属性、三大特性

【前言】

今天来总结CSS的3个知识点：行高、背景相关的属性、三大特性：层叠性、继承性和优先级。

【内容】

1.行高

（1）行高如何测量？

上一行的基线到下一行的基线。

（2）单行文本垂直居中

让单行文本在盒子中垂直居中对齐。

（3）如何实现单行文本垂直居中？

让文字的行高等于盒子的高度。

（4）行高 = 上距离 + 内容高度 + 下距离

（5）行高与高度的三种关系：

行高等于高度 文字会垂直居中。

行高大于高度 文字会偏下。

行高小于高度 文字会偏上。

2.css背景

（1）背景颜色（color）

语法如下：

Background-color:颜色值;

默认的值是transparent 透明的

（2）背景图片（image）

语法如下：

Background-image: url(images/l.jpg);

参数：

参数	作用
none	无背景图（默认的）
url