CSS行高&背景

一.行高

1.定义:
行高=上距离+内容高度+下距离
其中 上距离=下距离
CSS行高&背景
2.应用场景
让单行文本在盒子中垂直居中对齐。在浏览器中行高是跟随字体大小变化的。
所以我们让文字的行高等于盒子的高度
div{
height:50px;
line-height:50px;
}
3.行高与盒子高度的三种关系
如果 :行高=高度 文字在盒子中垂直居中
如果: 行高>高度 文字在盒子中偏下
如果:行高<高度 文字在盒子中偏上(一般是偏上)

二.CSS背景

1.背景属性总结
CSS行高&背景2.背景简写
background: 背景颜色 背景图片地址 背景平铺 背景滚动 背景位置;
语法:
background:transparent url(“image/bg.jpg”) no-repeat scroll center top;