开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第18天，点击查看活动详情
文章概览
- 行高
- 背景
行高
如果需要使单行文字在一个元素中垂直居中，可以使用行高来进行设置，只需要将行高设置为和高度相等的值。
特点
- 文字占据的实际高度即为行高。
- 行高通过line-height属性进行设置。
- 行高可以使用px或者em来指定一个大小，也直接使用一个整数来设置，这个整数会把行高设置为字体的倍数。
- 行高可以设置文字的行间距（行间距=行高-字体大小）
- 字体框就是字体存在的格子，设置font-size实际上就是设置字体框的高度，行高会在字体框的上下平均分配。
font可以用来设置字体相关的所有属性，使用时语法如下（font：字体大小/行高 字体族）行高不设置的话会使用默认值。
背景
可以使用background-color为前缀的属性来设置背景，例如background-color可以设置背景颜色。
background-image特点
使用background-image设置背景图片时要注意以下几点。
- background-image可以设置背景图片和背景颜色，背景颜色即图片的背景。
- 当背景图片小于元素时，背景图片会自动在元素中平铺将元素铺满。
- 当背景图片比元素大时，部分背景将无法显示。
- 当背景图片与元素大小相同时，正常显示。
我们可以设置背景图片了，但有时候需要调节一下图片的位置，这时需要用到background-position来设置背景图片的位置。
设置background-position的两种方式
- 使用top、left、right、bottom、center来设置背景图片，使用时要同时设置两个值。
- 使用偏移量设置背景图片的位置，有水平方向偏移量和垂直方向偏移量可以设置。
