行高(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="