行高、行高的作用

主要内容:

1.行高是什么?

2.行高的作用

1.行高是什么?

行高:

      线与线之间的距离就是行高,网页中的文字实际上也是写在一个看不见的线中,文字会默认在行高中垂直居中显示

行间距:
      Css中没有提供一个直接设置行间距的方式,只能通过设置行高,间接设置行间距,行高越大,间距越大
    使用line-height来设置行高

主要代码如下:
.p1{
line-height:40px;

}
行间距=行高-字体大小
简单总结:
通过设置line-height可以间接的设置行高,可以接收的值:
1.直接就收一个大小
2.指定一个百分数,则会相对于字体去计算行高
3.可以直接传一个数值,行高则会设置字体大小相应的倍数

2.行高的作用:

行高的作用:
单行文本:可以将行高设置为和父元素的高度一致,这样单行文本在父元素中就是垂直居中
在font中也可以指定行高
主要代码如下:
.p2{
font:50px/60px "微软雅黑";

}

简单总结:

在字体大小后面添加/行高,来指定行高,该值是可选的,如果不指定则会使用默认值

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值