CSS3的自定義屬性可以讓我們定義自己的變量，并在樣式中使用這些變量，這樣可以讓我們的代碼更加靈活和可維護。自定義屬性的語法非常簡單，使用“--”開頭，緊跟著我們定義的變量名，然后使用“:”賦值，最后使用“;”結尾。

:root { 
--主色調: #009688; 
--次色調: #FFC107; 
} 
h1 { 
color: var(--主色調); 
background-color: var(--次色調); 
}

在上面的代碼中，我們使用了“:root”選擇器來定義全局的自定義屬性，也可以在其他選擇器中單獨定義自定義屬性。在“h1”選擇器中，我們使用了“var()”函數來引用自定義屬性，這樣就可以在需要修改顏色的時候直接改變變量的值，而不需要修改所有使用到該顏色的樣式。

自定義屬性還可以嵌套使用，例如：

:root { 
--按鈕: { 
背景色: #009688; 
顏色: #fff; 
} 
} 
button { 
background-color: var(--按鈕-背景色); 
color: var(--按鈕-顏色); 
}

在上面的代碼中，我們使用了“--按鈕”來定義一個自定義屬性，并在其中嵌套了背景色和顏色兩個自定義屬性。在“button”選擇器中，我們使用了“var()”函數來引用自定義屬性，并使用“-”來訪問嵌套的屬性。

總之，自定義屬性可以讓我們的代碼更加靈活和可維護，它的語法也非常簡單。希望大家能夠善用自定義屬性，寫出更加優雅的代碼。