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

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

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