font-size（字体大小）
font-size CSS 属性设置字体大小。更改字体大小还会更新字体大小相关的 <length> 单位，例如 em、ex 等。
相对单位值：em
▼
最近，陈弦就不幸碰上了一个“自来熟”的邻居。前面一句话的字体大小是这句话的2倍。
▲
.DoubleSize {
font-size: 2em;
text-indent: 2rem;
}
▼
上个月，陈弦刚刚搬到新家，东西还没有整理好，对门的大姐就探出头，盯着她看：“姑娘，你是新搬来的吧？以后我们就是邻居了，有事说一声，别客气啊！”基础字号的一半。前面一句话的字体大小是这句话的1/2倍。
▲
.HalfSize {
font-size: 0.5em;
text-indent: 2rem;
}
以上段落使用相对单位 em 设置，分别是2倍和1/2倍基础字号。
相对单位值：rem
rem 值是相对于根 html 元素而不是父元素的。这对于控制标题的首行缩进非常有用。
▼
一会儿，“咣咣咣”地响起了敲门声。陈弦打开门一看，是对门的大姐，她说要进来看看。她在屋子里转来转去，不停地说着：“年轻姑娘就是爱美，屋子收拾得好漂亮。这房子是你买的，还是租的？”前面一句话的字体大小是这句话的1.5倍。
▲
.HalfSize-rem {
font-size: 1.5rem;
text-indent: 2rem;
}
以上段落使用相对单位 rem 设置。
百分比值
▼
陈弦感动于邻里间的和睦，赶忙笑着说了几次“谢谢”。前面一句话的字体大小是这句话的2倍。
▲
.DoubleSize-200 {
font-size: 200%;
text-indent: 2rem;
}
▼
一会儿，“咣咣咣”地响起了敲门声。陈弦打开门一看，是对门的大姐，她说要进来看看。她在屋子里转来转去，不停地说着：“年轻姑娘就是爱美，屋子收拾得好漂亮。这房子是你买的，还是租的？”前面一句话的字体大小是这句话的1/2倍。
▲
.HalfSize-50 {
font-size: 50%;
text-indent: 2rem;
}
以上段落使用相对单位 百分比 设置，分别是2倍和1/2倍基础字号。
绝对单位值：px
▼
陈弦感动于邻里间的和睦，赶忙笑着说了几次“谢谢”。
▲
.DoubleSize-24px {
font-size: 24px;
text-indent: 2rem;
}
▼
一会儿，“咣咣咣”地响起了敲门声。陈弦打开门一看，是对门的大姐，她说要进来看看。她在屋子里转来转去，不停地说着：“年轻姑娘就是爱美，屋子收拾得好漂亮。这房子是你买的，还是租的？”
▲
.HalfSize-12px {
font-size: 12px;
text-indent: 2rem;
}
以上段落使用绝对单位 px 设置。