CSS中有許多的長度單位，例如：px、em、rem等等。其中，rem是相對單位，最近幾年因其比em更加穩定性受到前端開發人員的青睞。

/* 設置html的字號為10px */
html { 
font-size: 10px;
}
/* 1rem的大小就是html的字號大小 */
div { 
width: 10rem;
}

如上的代碼中，我們將html的字號設置為10px，也就是1rem的大小就是10px。那么，下面的div標簽設置的寬度為10rem，實際上就是100px。

rem的值是相對于根節點（即html元素）的字體大小計算的。它能夠更好的實現響應式設計，可以讓網頁在不同的屏幕大小或設備上展示更加統一的效果。而且使用rem單位時，只需要在根元素中設置一個字體大小，其他元素的字體大小就可以通過rem來自動計算。

/* 設置html字體大小為16px */
html {
font-size: 16px;
}
/* 利用rem來設置標題的字體大小 */
h1 {
font-size: 2rem; /* 2rem = 32px */
}
/* 利用rem來設置正文的字體大小 */
p {
font-size: 1rem; /* 1rem = 16px */
}

以上代碼中，我們在html元素中設置字體大小為16px，這樣就可以利用rem為h1和p設置相應的字體大小，結合響應式設計，更加方便和便捷。注意，不同的瀏覽器對rem的支持不同，因此需要進行適當的兼容處理。