CSS變量儲存是指將一些常用的值存儲在變量中，然后在樣式表中使用這些變量。這樣做的好處是方便維護，可以避免在樣式中多次使用相同的值而導致重復勞動，也可以提高代碼的可讀性。在CSS中，變量通常使用自定義屬性來表示，以--開頭。

:root {
--main-color: #ff0000; /* 定義一個變量 */
}
h1 {
color: var(--main-color); /* 使用變量 */
}

在上面的例子中，:root選擇器表示文檔的根元素，也就是HTML元素，變量--main-color被定義為#ff0000這個顏色值。然后在樣式表中的h1元素中，通過var()函數使用了這個變量來設置顏色值。

變量還可以像其他CSS屬性一樣繼承和覆蓋。如果一個元素使用了一個父元素的變量，那么它也會繼承這個變量，但是如果它使用了自己的變量，那么就會覆蓋父元素的變量。

:root {
--main-color: #ff0000;
}
p {
color: var(--main-color);
}
h1 {
--main-color: #00ff00; /* 覆蓋父元素中的變量 */
color: var(--main-color);
}

在上面的例子中，p元素使用了父元素的變量--main-color，而h1元素則使用了自己的變量，覆蓋了父元素中的變量。

除了顏色值，重復值和大小值之外，CSS變量還可以存儲其他值，如尺寸和字體等。使用CSS變量進行CSS開發將為開發人員提供更大的靈活性和可讀性，還可以更容易地重用設計元素，從而加快開發速度。