自定義屬性（Custom Properties）是CSS的一個新特性，它讓你可以自己定義變量來存儲樣式的值。這些自定義屬性可以在任何地方使用，如選擇器、樣式規則以及關鍵幀動畫。

在CSS中，自定義屬性以兩個減號（--）開頭

:root{
--main-color: #006699;
}

在這個例子中，我們定義了一個名為"main-color"的自定義屬性來存儲一個顏色值。這個自定義屬性被定義在:root選擇器內，它代表整個頁面。

在使用自定義屬性時，可以使用var()函數來引用它們

p {
color: var(--main-color);
}

在這個例子中，我們將--main-color引用了出來，并將它用作了文本顏色。

你還可以定義值的默認值，這樣當變量沒有被定義時，就可以使用默認值

p {
color: var(--main-color, blue);
}

在這個例子中，我們使用了blue作為默認值，如果--main-color沒有被定義，那么文本顏色就會變成藍色。

自定義屬性還可以實現動態的樣式變化，如下例所示：

:root {
--bg-color: #fff;
}
button {
background-color: var(--bg-color);
transition: background-color 0.5s ease;
}
button:hover {
--bg-color: #006699;
}

在這個例子中，當鼠標移動到按鈕上時，它的背景顏色會從白色漸變到藍色。

最后需要注意的是，CSS的自定義屬性只能用在聲明塊中，而不能用在選擇器或屬性名中。