在CSS中，有一種非常方便的單位，叫做rem，這個單位相對于其他的單位而言比較新鮮，也特別實用。

那么，如何計算rem呢？

html {
font-size: 16px;
}
p {
font-size: 1rem;
}

在上面的代碼中，我們將根元素html的字體大小設置為16px，此時1rem相當于16px。

如果緊接著我們將一個p元素的字體大小設置為1rem，那么這個p元素的字體大小就是16px。

假設我們將1rem轉換成其他單位，比如em或者px，該怎么做呢？

p {
font-size: 1rem;
line-height: 1.5em;
padding: 0.5rem;
margin: 0 2rem;
}

在這個例子中，我們還是將p元素的字體大小設置為1rem，同時我們也將行高設置為1.5em，也就是1.5倍的p元素字體大小。

接著，我們將padding設置為0.5rem，也就是0.5倍的p元素字體大小。

最后，我們將左右邊距設置為2rem，也就是2倍的根元素字體大小。

不難看出，如果我們想將1rem轉換成其他單位，只需要知道根元素字體大小，就可以進行相應的計算了。