CSS长度单位
px 像素 绝对单位(1px的宽度是固定的)
em 相对单位(真实宽高是不确定的)
1em = font-size的大小
em的真实大小取决于该元素祖先元素中最近一个设置了font-size元素
默认1em = 16px
rem
默认1rem = 16px
rem的真实尺寸取决于html设置的font-size
CSS字体
font综合属性
font是一个综合属性
可以拆分成
font-style
font-variant
font-weight
font-size
line-height
font-family
eg:font: italic bold 25px/60px "微软雅黑";
font-style:设置字体样式
属性值:italic 斜体
normal 正常
font-weight:设置字体粗细
属性值:bold 加粗
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
normal 正常
font-size:设置字体尺寸
eg:font-size:25px;
font-family:设置字体
eg:font-family:''Microsoft Yahei","宋体";
为什么可以写多个字体?
优先使用第一套字体,如果没有第一套字体的情况,才会启用后面的备用字体。
font-variant:设置字体异型
属性值:small-caps 小型的大写字母
normal 正常的字体
只能作用于小写字母