CSS自定義（CSS Custom Properties）是CSS3中新增的一個特性，也稱為變量（variables），它允許我們在CSS中定義自己的變量，并在代碼中重復使用它們。這樣可以使我們更方便地修改和管理CSS樣式，使頁面的開發和維護更加容易。

在以往的CSS中，我們通常使用的是硬編碼。例如，要在CSS中設置顏色，我們通常會在代碼中寫入顏色值。如果要更改顏色，我們需要在所有的代碼中找到并手動更改它們。當我們的項目變得更加復雜時，這將變得非常困難和耗時，也容易出現錯誤。

而CSS自定義解決了這個問題。我們可以定義一個變量為顏色值，在需要使用顏色的地方調用這個自定義變量。如果需要修改顏色，只需要更改一次變量即可自動應用到所有需要使用該顏色的地方。

:root{
--primary-color: #42b983;//定義自定義變量
}
.button{
background-color: var(--primary-color);//使用自定義變量
}

上面的代碼中，“:root” 是一個偽類選擇器，它表示文檔根元素（html標簽）。使用自定義變量的方式是通過 “var()” 函數。這個函數接受一個參數，就是我們在 “:root” 中定義的自定義變量名稱。

CSS自定義提供了很多好處。它使得CSS結構更加清晰，維護更加容易。我們可以在復雜的項目中快速更改整個主題顏色等，而不需要在整個樣式文件中尋找涉及到顏色的樣式。

當然，CSS自定義并不是要取代常規的CSS樣式編寫方式。當需要設置動態樣式（例如，根據用戶交互修改樣式）時，我們仍然需要使用JavaScript。CSS自定義只是提供了一種更加便捷和可重用的方式來定義和管理CSS樣式。