CSS中的px和pt是非常常見的兩種長度單位。它們都是表示尺寸的單位，但是在使用時還是需要注意它們的區別。

首先來說px。px是指像素（Pixel）的縮寫，它是最基本的屏幕顯示單位。在網頁中，一個像素就是屏幕上的一個點（dot），而一個css的px則是一個虛擬的像素，它不一定和屏幕上的實際像素一致。比如，一個屏幕上的1px可能對應著兩個、三個或者四個css的px，這取決于屏幕的density（像素密度）。通常，我們默認一個屏幕上的1px對應一個css的px。

接著是pt。pt是指點（Point）的縮寫，它主要用于打印頁。在打印頁中，1pt等于1/72英寸，即大約是0.35毫米。pt是一個物理單位，它與設備屏幕的分辨率無關。

/* 示例代碼 */
.box {
width: 100px;
height: 100px;
font-size: 16px;
border: 1px solid black;
padding: 10pt;
}

在上述代碼中，我們使用了px和pt兩種單位。其中，width和height屬性使用了px，這是因為我們希望這個盒子在屏幕上顯示的大小是100像素。而padding屬性使用了pt，這是因為我們希望在打印時這個盒子的內邊距是10個點。

總的來說，當我們需要在屏幕上調整物體的尺寸時，應該使用px；當我們需要在打印頁中進行調整時，應該使用pt。當然，頁面布局等復雜操作也需要好好考慮單位的選擇。