CSS（Cascading Style Sheets）是一種用于網站樣式控制的語言，可以用來實現頁面設計中的許多功能。CSS 可以將 HTML 文檔的外觀和布局與其內容分離開來，使得 HTML 文檔的修改更加容易。
除了為網頁設計提供樣式之外，CSS 還有一個非常重要的功能：可以將重復或作為全網站樣式的部分封裝為變量，方便樣式的調用和修改。
:root {
--btn-color: #ff5722;
--btn-font-size: 16px;
}
.btn {
color: var(--btn-color);
font-size: var(--btn-font-size);
background: white;
border: 2px solid var(--btn-color);
border-radius: 5px;
padding: 10px;
}在上面的代碼中，我們使用了 CSS 的變量，即 --btn-color 和 --btn-font-size。其中，:root 表示整個文檔的根元素，即<html>元素。在其后，我們分別聲明了兩個變量，用于存儲按鈕的顏色和字體大小。
之后，我們在 .btn 類選擇器中使用了這兩個變量。按鈕的字體顏色使用了 var() 函數，其中參數是定義的變量名稱。其他屬性也使用了定義的變量，并按照我們方式進行調用，大大簡化了代碼，方便了網站主題的快速更改。
與傳統 CSS 定義常量不同，CSS 變量不需要在使用前預定義或顯式賦值。它們也不像常量那樣只接受一次賦值且在整個文件中都可用。變量具有作用域和繼承規則，使得在不同選擇器下靈活地重載和修改變量非常容易。
上一篇MySQL的增刪查改語句
下一篇css 偽類選擇器 顯示