在 CSS （層疊樣式表）中，屬性單位是非常重要的一部分。屬性單位決定了 CSS 中一些基本的屬性的數值大小，最終呈現出來的樣式也因此產生了一些差異，比如說單位的缺失或錯誤使用。所以在編寫 CSS 樣式代碼時，必須注意這些單位設置的正確性。

/*設置長度單位*/
CSS 中的長度單位有很多種，包括像 px、em、rem、pt、vh、vw 等不同的單位。這些單位在描述尺寸大小上有著不同的效果，具體選用何種單位取決于我們要呈現的效果。在編寫 CSS 樣式代碼時，需要根據需求選擇合適的單位設置。例如：
div {
width: 100px;
height: 50%;
font-size: 16pt;
margin: 2rem 1em;
}
這里，width 屬性使用了 px 作為單位，意味著 div 元素的寬度為 100 像素；height 屬性使用了 %（百分比）作為單位，意味著 div 元素高度相對于其父元素高度的 50%；font-size 屬性使用了 pt 作為單位，意味著字體大小為 16 點；margin 屬性使用了 rem 和 em 單位，并且每個方向的值不同，以此來達到不同的外邊距顯示效果。
/*設置顏色單位*/
在 CSS 中，顏色至關重要。我們使用顏色單位來定義文本、背景、邊框顏色等屬性，為網站、應用程序和擴展增添更多美觀、更好的視覺效果。CSS 支持多種顏色格式，例如 RGB（紅綠藍）、十六進制等等。
button {
color: #ff0000;
background-color: rgb(255, 255, 0);
border-color: darkgreen;
}
這里，color 屬性使用了 #ff0000 的十六進制格式，表明了按鈕中的文字顏色為紅色；background-color 屬性使用了 RGB 格式，表明了按鈕的背景顏色為黃色；border-color 屬性使用了一個顏色英文單詞（darkgreen），表明了按鈕邊框的顏色為深綠色。

在實際編寫 CSS 代碼時，正確使用屬性單位可以幫助我們更好地呈現出各種樣式效果，同時也更符合一般的規范和標準化要求。對于初學者來說，花些時間理解和實踐屬性單位的使用方法，無疑是非常有必要的。