CSS自定義屬性（CSS Custom Properties，又稱CSS變量）是CSS3中引入的一項新特性，它可以讓你定義一組包含在CSS規則中的鍵值對，然后在整個文檔中使用這些屬性。這些自定義屬性可以被賦值給其他屬性或作為偽類或偽元素的值，從而讓你在整個文檔中實現簡單的全局樣式。

:root {
--main-color: #7C4DFF;
}
p {
color: var(--main-color);
}

在上面的示例中，我們定義了一個名為“--main-color”的自定義屬性，并為它設置了一個值。在我們的段落樣式中，我們使用了“var()”函數來替換元素顏色，并將它設置為“--main-color”的值。這意味著我們可以輕松更改整個文檔的主要顏色，而無需更改每個元素的顏色。

自定義屬性還可以在媒體查詢中使用，以便在不同的斷點上更改變量。使用自定義屬性可以大大簡化你的樣式代碼，提高代碼的可維護性和靈活性。此外，使用它還可以簡化代碼，因為你可以用一個值替換多個重復的值。

雖然自定義屬性是CSS3的一項新特性，但它已被所有現代瀏覽器支持。這是將來CSS編寫的一種非常有用的方法，也是CSS模塊化的一步。