一.行高

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;

相关文章:

  • 2021-06-22
  • 2021-10-09
  • 2022-02-18
猜你喜欢
  • 2022-01-06
  • 2021-12-06
  • 2022-02-06
  • 2022-12-23
  • 2021-12-06
相关资源
相似解决方案