CSS中的單位有很多種，但比較常用的就是百分號和像素(px)。這兩種單位在頁面布局和設計中經常被使用，但其實它們之間還是有一些區別的。

/*使用百分號*/
div{
width:50%;
}
/*使用像素*/
div{
width:100px;
}

首先，百分號是相對于父元素來說的，而像素則是固定的。比如，一個div的寬度設置為50%，那么它的寬度就會是父元素寬度的一半。而當它的寬度設置為100px時，無論父元素寬度是多少，它的寬度都是固定的100像素。

/*使用百分號*/
div{
margin:10% auto;
}
/*使用像素*/
div{
margin:10px auto;
}

另外，百分號還可以用于margin和padding等屬性的設置。當margin或padding設置為百分比時，它會相對于父元素的寬度計算，這就意味著當父元素寬度改變時，它們的值也會隨之改變。而當margin或padding設置為像素時，無論父元素寬度如何改變，它們的值都是不變的。

總的來說，百分號和像素雖然都是CSS中常用的單位，但它們的應用場景和效果是不同的。要根據具體情況選擇合適的單位。