CSS中的em單位是基于當前元素的字體大小來計算的，它被視為相對大小單位。

h1{
font-size: 2em;
}
h2{
font-size: 1.5em;
}
p{
font-size: 1em;
}

在上面的代碼中，h1元素的字體大小是p元素的兩倍，因為它的font-size屬性的值是2em。

類似地，h2元素的字體大小是p元素的1.5倍，因為它的font-size屬性的值是1.5em。

使用em單位可以幫助我們創建具有良好比例關系的網站。如果我們想要網站中的所有文本保持一致的比例，可以使用em單位來設置字體大小。

body{
font-size: 16px;
}
h1{
font-size: 2em;
}
h2{
font-size: 1.5em;
}
p{
font-size: 1em;
}

在這個例子中，我們設置了body元素的字體大小為16像素，然后根據需要使用em單位來設置其他元素的字體大小。這將確保整個網站的字體大小都按照相同的比例縮放。

總之，em單位是一種強大的工具，可以幫助我們創建具有良好比例關系的網站。它允許我們根據元素的字體大小來定義其他屬性的值。