CSS是網頁設計中非常重要的一部分。它可以控制網頁的樣式、布局、顏色等元素，使網頁更加美觀和易于使用。其中的單位選擇也是很重要的。以下是CSS中所有單位的介紹。
px（像素）: 像素是我們日常使用最多的單位，指一個點的大小，通常用于界面上的定位或者字體大小設置。比如font-size:16px;表示文字大小為16像素。
%（百分比）：百分比相當于相對于父元素的一個比例。如果一個父元素的寬度為200px，子元素寬度設置為50%，那么子元素的寬度就為父元素寬度的50%，即100px。
em（相對大小）:em是相對于當前元素的字體大小進行計算的單位。如果一個文本的字體大小為14px，它的padding設置為2em，那么它的寬度就是28px。
rem（根據根元素的字體確定單位）: rem也是相對大小，但是它是相對于根元素(html標簽)來衡量的。比如，如果根元素的字體大小為16px，那么設置font-size: 2rem;時即為32px。
vh（視口高度）:vh是根據瀏覽器窗口的高度來進行計算的單位。1vh等于頁面視口高度的1%，通常用于響應式設計。
vw（視口寬度）:vw和vh類似，但是是用于視口寬度的。
pt（磅）:pt通常用于打印，網頁上很少使用。1pt等于1/72英寸。
這就是CSS中所有的單位了。在實際的網頁設計中，我們需要根據實際情況選擇合適的單位。在響應式設計中，%、vw和vh可以更好地實現自適應效果，在字體大小的調整上，em和rem可以更好地實現整體的一致性。