CSS 變量支持：讓CSS更靈活

CSS 是一種用于描述網頁布局和樣式的語言。雖然 CSS 變量是一種強大的工具，但在過去，由于瀏覽器支持的限制，使用 CSS 變量來進行樣式更改的成本非常高。

但隨著瀏覽器的發展，CSS 變量的支持逐漸變得越來越普遍。現在，我們可以通過 CSS 變量來更改樣式，而無需更改整個 HTML 頁面。這使得 CSS 變得更加靈活，可以更好地適應不同的需求。

CSS 變量包括環境變量、變量和值。其中，環境變量用于存儲多個變量的值，而變量和值則用于存儲單個變量的值。

下面是一個使用 CSS 變量的例子：

/* 定義一個環境變量，存儲 "height" 的值 */

$height: 100px;

/* 定義一個變量，存儲 "background-color" 的值 */

$background-color: blue;

/* 使用變量來改變背景顏色 */

background-color: lighten($background-color, 25%);

在這個例子中，我們定義了一個環境變量 "height"，并將其設置為 100px。我們還定義了一個變量 "background-color"，并將其設置為 blue。最后，我們使用變量來改變背景顏色，將其設置為 lighten(blue, 25%)。

使用 CSS 變量可以更靈活地定義樣式，而無需修改整個 HTML 頁面。我們可以使用環境變量來存儲多個變量的值，以便更好地適應不同的需求。我們可以使用變量來存儲單個變量的值，以便更快地進行樣式更改。

CSS 變量支持是CSS發展的一個重要里程碑，它使得樣式更改變得更加容易和靈活。隨著瀏覽器的發展，CSS 變量的支持將會越來越廣泛，并且我們將更多地使用 CSS 變量來定義樣式。