CSS是一種用于制作網頁的語言，其中涉及到各種單位的使用。下面我們就來比較一下各種單位，看看哪些比較實用。

.px {
font-size: 16px;
}

1. 像素（px）：

像素是CSS中最常見的單位，它是一個固定尺寸的單位。在大多數情況下，像素的尺寸取決于設備分辨率，因此在不同分辨率的屏幕上它們的實際尺寸也不同。

.em {
font-size: 1.5em;
}

2. em：

em是相對于當前字體大小的單位，它可以用于設置任何CSS屬性的值，通常用于設置字體大小。

.rem {
font-size: 1.5rem;
}

3. rem：

rem是相對于根元素（html）的字體大小的單位，它也可以用于設置任何CSS屬性的值。使用rem可以更好地控制文本大小與整個網頁布局的比例關系。

.vw {
width: 50vw;
}
.vh {
height: 50vh;
}

4. vw/vh：

vw和vh分別指視口（viewport）的寬度和高度的1/100。視口是指用戶當前可見的網頁區域。vw和vh可以用于設置元素的寬度和高度，通常用于創建響應式布局。

.pt {
padding-top: 10pt;
}

5. pt：

pt是一種絕對的單位，1pt等于1/72英寸。pt通常用于打印，但在Web開發中不常使用。

在使用單位時，我們需要根據具體情況選擇不同的單位。如果需要創建響應式布局，可以使用vw和vh；如果需要控制文本大小與布局的比例關系，則使用rem和em較好。