在Web開發中，CSS3是一個必不可少的技術，它可以為網站添加菜單、按鈕、圖形、布局和其它視覺效果等等，提升了用戶體驗。而其中的em和rem單位更是廣為人知，也是需要深入了解的。

em是根據當前字體大小來確定繼承元素的字體大小。如果父元素的字體大小為16像素，那么1em就等于16像素。而子元素的em值是相對于最近的父元素計算的，也就是說，如果父元素的字體大小為16像素，子元素的字體大小為2em，那么子元素的字體大小就是32像素。

而rem與em的計算方式類似，只不過rem是相對于根元素的字體大小計算的。在html元素上設置一個字體大小的值，作為基準值，其它元素的字體大小都是相對于這個值來計算的。

rem與em的計算方式類似，只是它是相對于html標簽的字體大小進行的。如果html標簽的字體大小為16像素，1rem等于16像素。如果想讓一個元素的字體大小為32像素，只需要設置其font-size：2rem即可。

在使用em和rem時，還需注意以下幾點：

1. em和rem會在繼承中跟隨元素相對而變化，所以使用它們時需要謹慎，以免產生意料之外的布局效果。
2. em和rem都可以用于除字體大小外的CSS屬性中，如margin、padding和border-radius等等。
3. 在移動端開發時，一般建議使用rem作為字體大小的單位，這是因為其相對穩定，而在桌面端開發時，em更為常用。

總之，無論是em還是rem，在CSS3中都有著非常重要的作用，掌握好它們的使用方法，可以幫助我們打造更加出色的網站。