在CSS中，有兩種常用的長度單位，分別是em和px。

em單位

em是相對單位，它的值相對于元素的字體大小（font-size）。如果一個元素的字體大小是16px，那么1em的值就是16px，0.5em的值就是8px。

div {
font-size: 16px;
width: 10em; /* 寬度為160px */
}

使用em可以適應不同屏幕大小和分辨率，因為它根據文本字體大小而不是設備像素大小來計算。

px單位

px是絕對單位，它的值是固定的，不受元素的字體大小和屏幕分辨率的影響。如果一個元素的字體大小是16px，那么2px的值就是2px。

div {
font-size: 16px;
width: 160px;
}

使用px可以精確地控制元素大小和位置，但在不同屏幕和設備上可能會出現顯示問題。

綜合使用

在實際開發中，可以靈活地使用em和px進行布局和設計。例如，可以使用em設置字體大小和元素間距，使用px設置邊框和陰影。

div {
font-size: 1em;
line-height: 1.5em;
border: 1px solid #ccc;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

在CSS中，em和px是兩個不同的單位，每個單位都有各自的適用場景。在實際開發中，應根據具體需求選擇合適的單位。