作為網頁開發的重要組成部分，CSS單位是我們必須掌握的知識之一。下面是一些免費的CSS單位教程，幫助初學者快速掌握這個知識點。

em：指定相對于字體大小的長度單位。例如：font-size：12px；border-width：2em；

上述代碼中，2em 的值為當前字體大小的兩倍，即 24px。

rem：也是相對于當前字體大小的單位，但是相對于根元素，即 html 標簽。例如：font-size：16px；margin：2rem；

上述代碼中，2rem 的值為根元素（即 html 標簽）的兩倍字體大小，即 32px。

px（pixel）：指定絕對長度單位，通常是對像素（即屏幕）的測量。例如：width：200px；

上述代碼中，元素的寬度為 200 像素。

%（百分比）：相對于父元素的長度單位。例如：width：50%；

如果父元素的寬度為 1000px，那么元素的寬度將為 500px。

vh（viewport height）：相對于視口高度的單位。例如：height：50vh；

如果視口高度為 1000px，那么元素的高度將為 500px。

vw（viewport width）：相對于視口寬度的單位。例如：width：50vw；

如果視口寬度為 1000px，那么元素的寬度將為 500px。

以上就是幾種常見的CSS單位，盡管這并不是一個完整的列表，但是這些單位已經足夠覆蓋大部分的需求。通過學習這些單位，我們可以更好地規劃和控制元素的大小和位置。