CSS是前端開發最重要的技術之一，它可以為網頁提供豐富的樣式。而有了CSS的變量，我們可以更方便地管理和使用樣式。

:root {
--primary-color: #008cba;
--secondary-color: #ff5722;
--font-family: 'Roboto', sans-serif;
--font-size: 16px;
}

如上所示，我們可以使用:root在整個文檔中定義全局變量。可以使用--開頭的名稱來定義變量并賦以值。這些變量可以在整個文檔中使用，并且可以隨著更改而自動更新。

.logo {
color: var(--primary-color);
font-size: var(--font-size);
font-family: var(--font-family);
}

在樣式中使用變量是非常簡單的，只需要使用var()函數并將變量名稱傳遞給它即可。這使得更改樣式變得更加方便和有效率，只需更改變量的值，整個文檔中使用該變量的樣式都會自動更新。

總之，CSS變量是編寫高效CSS代碼的一種強大工具。它們可以大幅提高代碼維護和管理的效率，使開發更加簡單，可靠且高效。