CSS變量越來越流行，可以提高開發者的效率和代碼的可維護性

:root {
--primary-color: #2481d7;
--header-height: 80px;
--font-size: 16px;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: var(--header-height);
background-color: var(--primary-color);
color: #fff;
}
p {
font-size: var(--font-size);
}

以上代碼中，我們使用了:root偽類來定義全局的CSS變量。我們定義了主題色，頭部高度和字體大小，然后我們在.header和p元素中使用了這些變量。如果我們想要更改主題色，只需要更改--primary-color的值，而所有使用該變量的元素顏色也會同步改變。

同時，使用CSS變量可以使得代碼更加簡潔和易于維護。當我們需要調整某個樣式時，只需要更改變量的值，而不需要在代碼中一個一個尋找需要修改的地方，這也可以減少錯誤和代碼冗余。

總的來說，CSS變量是一種非常有用的CSS功能，我們可以使用它來提高開發效率，減少代碼重復，使得代碼更加簡潔易讀。