CSS中使用的字體大小單位包含了px、em、rem、pt、%等，不同的單位實現的效果有所差別，下面介紹這幾種單位的具體使用方法以及換算。

/* px像素單位 */
p{
font-size: 16px;
}
/* em相對倍數單位 */
.parent{
font-size: 16px; /*默認字體大小*/
}
.child1{
font-size: 1em; /*等于16px*/
}
.child2{
font-size: 2em; /*等于32px*/
}
/* rem基于根元素的相對倍數單位 */
html{
font-size: 16px; /*根元素默認字體大小*/
}
p{
font-size: 1.5rem; /*等于24px*/
}
/* pt磅數單位 */
p{
font-size: 12pt; /*等于16px*/
}
/* %百分比單位 */
.parent{
font-size: 16px;
}
.child{
font-size: 150%; /*等于24px*/
}