在CSS中，自定義屬性可以用來存儲多種類型的信息，例如顏色、尺寸、邊距等等。自定義屬性可以幫助我們在多個地方復用相同的值。

下面展示了自定義屬性的寫法：

:root {
--color-primary: #4a4a4a;
--font-size: 16px;
}
.box {
color: var(--color-primary);
font-size: var(--font-size);
}

定義自定義屬性時，我們需要在選擇器中使用:root來指定根元素，這個根元素可以是HTML、body或任何具有全局作用域的元素。源據慣例，我們往往會在:root中定義自定義屬性，以便在全局范圍內進行使用。

定義自定義屬性時，需要以--開頭，后面跟著屬性的名稱，然后是冒號和屬性的值。在代碼中使用自定義屬性時，使用var()函數來引用自定義屬性的值。

在上述示例代碼中，我們定義了兩個自定義屬性：--color-primary和--font-size。然后，我們在.box選擇器中使用這兩個自定義屬性來定義文字顏色和字體大小。

使用自定義屬性的主要優勢是他們可以在多個地方復用同一值，同時也可以使CSS代碼更加清晰明了，易于維護。