CSS基础(22)_行高、文字简写属性、文本样式

行高(line height)

行高指的是文字占有的实际高度(包括字体框和文字上下空隙,相当于红格本红线之间的距离)。

行高设置:
1、可以直接指定一个大小(px em)。
2、也可以直接设置一个整数,如果是一个整数的话,行高将会是字体指定大小(字体框)的倍数。

行高特性:
1、在大多数浏览器中,默认行高是20px;百分比的情况下是110%-120%。
2、行高经常用来设置文字的行间距。
3、行高会在字体框的上下平均分配。

字体框(font-size)
字体框就是字体存在的格子,设置font-size实际上就是在设置字体框的高度。

单行文字垂直居中
可以将行高设置为和高度一样的值,使单行文字在一个元素中垂直居中。

文字的简写属性

font可以设置字体相关的所有属性:
语法:font:字重 字体风格 字体大小/行高 字体族;

备注:
1、font-weight:字重,字体的加粗。可选值:nomarl默认值、不加粗。hold加粗、100-900九个级别(没什么用)
2、font-style:字体风格。可选值:normal正常的、italic斜体。
3、行高可以省略不写,如果不写使用默认值。
4、字重 字体风格的位置可以互换,也可忽略不写,如果不写使用默认值。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值