CSS是網頁設計中不可或缺的一部分，而單位就是其中一個非常重要的概念。不同的單位用于不同的屬性值、元素，以及不同的排版方式。下面介紹一些CSS單位的用途和應用場景。

像素（Pixel）

像素是CSS中最常用的單位。它定義了元素的精確尺寸和位置，而且在各種設備和分辨率下表現如一。在大多數情況下，像素被用于定義元素的大小、邊沿和內外邊距。例如，設置一個圖片的寬度：width: 200px;。

百分比（Percentage）

百分比可用于元素高度和寬度，當指定一個百分比時，它是相對于元素的父元素而言的。舉個例子，可以使用寬度的百分比使一個元素在父元素內部自適應，不論父元素有多寬或多窄：width: 50%;

Viewport單位（Viewport Units）

Viewport單位（視口單位）是相對于用戶的視口的大小來計算，視口是瀏覽器可視范圍的區域。與百分比類似，Viewport單位可以用于描述元素的大小和位置，使用vw指定元素的寬度，vh指定元素的高度，用vmin指定寬和高的最小值，用vmax指定寬和高的最大值。雖然不被所有瀏覽器支持，但它在響應式設計中非常有用。

REM和EM單位

Rem和Em是兩種相對單位，我們通常只在字體上使用它們。EM是一個基于它的父級元素的大小，而REM是相對于根元素(即html)的大小。這些單位非常有用，它們可以創建靈活的字體大小，并保持與元素的相對大小一致。可以使用rem指定HTML根元素大小，然后使用它來指定字體大小：html{ font-size: 16px; } p { font-size: 1.5rem; }。

最后，CSS單位提供了各種方式來定義頁面元素的大小和排版。了解這些單位的作用和應用場景，將有助于你在使用CSS時做出更好的決策。