CSS變量，又稱為自定義屬性，是CSS3中引入的新特性，通過定義和使用變量，可以使CSS開發更加靈活、易維護。

在CSS中定義一個變量需要使用var()函數，例如：

:root {
--primary-color: #007bff;
}
h1 {
color: var(--primary-color);
}

在上面的例子中，:root偽類用于定義全局的CSS變量，然后在h1的樣式中使用var()函數調用該變量，這樣就能將--primary-color的值應用到h1元素的color屬性中。

CSS變量不僅可以存儲顏色值，也可以存儲其它類型的值，例如尺寸值、字體、陰影等等。下面是一個應用CSS變量的例子：

:root {
--sidebar-width: 300px;
--primary-color: #007bff;
}
.sidebar {
width: var(--sidebar-width);
background-color: var(--primary-color);
box-shadow: 0 0 10px rgba(0,0,0,.1);
}

在上面的例子中，定義了兩個CSS變量，分別是--sidebar-width和--primary-color。然后在.sidebar的樣式中使用了這兩個變量，分別控制了側邊欄的寬度、背景顏色和陰影效果。

綜上所述，CSS變量為CSS開發者提供了更加靈活、易于維護的開發方式，并且可以用于尺寸、顏色、字體和其它一些屬性值的存儲，使得樣式代碼更加簡潔、易讀。