CSS（Cascading Style Sheets）是一種用于定義網頁樣式的語言。在CSS中，我們經常會用到長度單位，其中最常見的就是px和em。

px

是指像素（pixel）單位，是電子屏幕上最小的顯示單位。1px等于屏幕上一個點的大小，它的大小是固定不變的，無論觀看距離如何改變。例如，font-size:12px;表示字體大小為12個像素。

em

是相對長度單位，它是相對于元素自身字體大?。╢ont-size）的倍數進行計算。如果要計算一個元素的寬度，可以通過將元素自身的字體大小乘以em的值來得出。例如，如果一個元素的字體大小為16px，width:20em;表示這個元素的寬度為320px（16px*20=320px）。

那么px與em之間到底有什么區別呢？

首先，px是絕對長度單位，它的大小不會受到瀏覽器或用戶的設置影響，因此在開發網站時，我們通常會將網頁的基礎樣式以px為單位來定義。而em則是相對長度單位，它會根據不同的字體大小而發生變化。

其次，使用em更有利于頁面響應式設計。在移動設備上，用戶可能會改變字體大小，如果我們使用px定義網頁的樣式，當用戶改變字體大小時根據設備不同顯示的效果也不同，而使用em定義樣式，則可以隨著字體大小的變化而變化，使樣式更為靈活和適應性強。

最后，em與rem的區別也需要注意。rem是相對單位，它是相對于根元素（即html元素）的字體大小進行計算的。而em是相對于元素自身的字體大小進行計算的。

總之，在CSS中使用px和em具有各自的優缺點和適用場景。在實際開發過程中，應根據具體情況選擇合適的長度單位。