在CSS中，字體大小可以用像素（px）或百分比（%）表示，但是這些都不夠靈活。這時候，我們可以使用em單位。

p{
 font-size: 16px;  /*假設body的默認字體大小為16px*/
}
p span{
 font-size: 1.2em; /*1.2em即為父元素字體大小16*1.2=19.2px*/
}

上面的代碼中，我們設置了一個段落的字體大小為16px。在段落中，我們又插入了一個span標簽，并將span的字體大小設置為1.2em。這個1.2em相對于父元素（即段落）字體大小即為16*1.2=19.2px。這樣，我們就能依次遞歸地計算出所有元素的字體大小。

值得注意的是，em相對于父元素的字體大小而言，因此它的值會被繼承到所有子元素中。如果想要一個元素的字體大小與父元素無關，可以考慮使用rem單位。rem即相對于根元素（即html元素）的字體大小。例如：

html{
 font-size: 16px;
}
div{
 font-size: 1.5rem; /*1.5rem即為根元素字體大小16*1.5=24px*/
}

以上代碼中，我們設置了html元素的字體大小為16px，然后在一個div元素中設置字體大小為1.5rem，即相對于根元素的字體大小為16*1.5=24px。

總之，使用em單位能夠使字體大小相對靈活，可以根據父元素字體大小而變化。但它的繼承特性也需要謹慎使用。如果想要一個元素的字體大小與父元素無關，可以考慮使用rem單位。