CSS自定義屬性讓我們可以定義一些與具體文檔內容無關的變量，使用這些變量可以使得整個文檔的樣式更具靈活性和可維護性。

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

以上代碼中，我們使用了:root偽類來定義全局變量--main-color，這個變量定義了一個紅色的顏色值。接下來，在p元素的樣式中，我們使用var()函數來調用這個變量，從而定義了這個元素的文字顏色也為紅色。

除了普通的顏色值，也可以定義其他的CSS屬性，如長度、字體等等。

:root {
--main-font-size: 16px;
}
p {
font-size: var(--main-font-size);
}

以上代碼中，我們定義了一個全局變量--main-font-size，這個變量定義了文檔中所有p元素的字體大小，并在p元素的樣式中調用了這個變量。

當然，在使用CSS自定義屬性的時候，需要注意兼容性問題，部分瀏覽器可能不支持這個特性。

總之，使用CSS自定義屬性可以使得我們的樣式更加靈活、可維護和可重用。