CSS是一種很重要的網頁設計工具，其中一個很有用的特性是寬度等于一個變量。在CSS中，變量用于存儲值并在需要時調用。這使得代碼更加清晰和易于維護。以前，我們需要手動更改每個元素的寬度?，F在，我們可以使用變量來動態地更改整個網頁的寬度。

在CSS中，聲明一個變量的語法為:

:root {
--variable-name: value;
}

在這里，我們使用 CSS 偽類:root 來聲明變量。我們必須以“--”開頭，隨后是我們想要為變量賦值的名稱和值。

例如，要創建一個名為“content-width”的變量并將其設置為值“800px”，我們可以編寫代碼：

:root {
--content-width: 800px;
}

要使用變量作為元素的寬度，我們可以使用 CSS 變量函數，語法如下:

width: var(--variable-name);

在這里，我們可以使用 var() 函數將名稱為“variable-name”的變量作為元素的寬度。

例如，要將元素的寬度設置為“content-width”變量的值，我們可以編寫以下代碼：

.element {
width: var(--content-width);
}

這將元素的寬度設置為 800px，就像我們在變量中聲明的那樣。如果我們想更改應用于整個網頁的寬度，我們只需更改變量的值即可。

總之，寬度等于變量是一個有用的 CSS 特性，使我們可以動態地更改整個網頁的寬度。我們可以使用變量來存儲值，并根據需要調用它們。這使得我們的代碼更加清晰和易于維護。