CSS是網頁設計中非常重要的一部分，它可以用來控制網頁的布局，外觀和交互效果等等。而在CSS中，字體大小的單位有三種：em、ex和px三種。接下來讓我們來詳細了解一下這三種單位的特點和應用。

首先是em，它是相對大小單位，是相對于父元素字體大小的倍數。比如，如果我們在body中設置font-size為20px，那么在子元素中設置font-size為1em，它將等于20px，如果再設置為2em，它就相當于40px。

body {
font-size: 20px;
}
p {
font-size: 1em;
}

其次是ex，它也是相對大小單位，是相對于字母x的高度的倍數。這個單位通常用于處理字母之間的距離或者行高。ex的數值與當前字體相關。如果一個字體中的x高度為10px，那么1ex就是10px的高度。如果我們想讓一個文本的行高為1.5倍，可以在CSS中設置line-height: 1.5ex。

p {
font-size: 20px;
line-height: 1.5ex;
}

最后是px，這個單位是固定大小單位，是指像素值。它的大小在不同的設備上可能會有所不同，但是在同一設備，每個像素的大小是相同的。因此，px可以精確地控制元素的大小和位置。當我們設置一個固定尺寸的元素時，最好使用px這個單位。

p {
font-size: 16px;
width: 300px;
height: 150px;
}

簡單總結一下，em和ex這兩種單位可以幫助我們創建響應式設計，在不同大小的設備上都能夠適應。而px是更加精確的單位，主要用于控制元素的大小和位置。