在CSS文件中，我們常常需要使用一些常量來保存一些值，便于在文件中重復使用。例如，我們可能需要保存一些顏色、字體、間距等數值。這時候，我們就可以使用CSS變量來實現。

:root {
/* 定義顏色 */
--primary-color: #007bff;
--secondary-color: #6c757d;
/* 定義字體 */
--font-family: "Helvetica Neue", sans-serif;
/* 定義間距 */
--padding: 1rem;
}

在上面的代碼中，我們使用了:root偽類來設置全局變量，這樣就可以在整個CSS文件中使用這些變量。例如，我們可以這樣使用顏色變量：

button {
background-color: var(--primary-color);
color: white;
border: none;
padding: var(--padding);
}

這樣就可以使用已經定義好的--primary-color和--padding變量，使代碼更加簡潔易懂。而且，一旦需要修改顏色或間距時，只需要修改全局變量，便可以實現全局的修改。

在實際開發中，CSS變量可以大大提高開發效率和代碼的可維護性。因此，學習和掌握CSS變量的使用是非常重要的。