css中可以定義變量嗎

css中可以定義變量。變量定義的語法為“–變量名稱”，并且css中定義的變量名稱區分大小寫；利用var()函數可以讀取變量，語法為“var(–變量名稱)”，還可以使用函數的第二個參數，表示變量的默認值，若變量不存在就會使用這個默認值。

本教程操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css中可以定義變量嗎

css中可以使用變量。

聲明css變量的時候，變量名前面要加兩根連詞線（–）。變量名大小寫敏感，–header-color和–Header-Color是兩個不同變量。

var()函數用于讀取變量。

var()函數還可以使用第二個參數，表示變量的默認值。如果該變量不存在，就會使用這個默認值。

第二個參數不處理內部的逗號或空格，都視作參數的一部分。

css使用變量示例：

    :root{       --base: yellow;       --spacing: 10px;       --blur: 10px;     }

上面代碼定義了3個變量，：root使得所有人可訪問

    img{       filter: blur(var(--blur));       padding: var(--spacing);       background: var(--base);       }

上面使用了之前定義的變量作為屬性值。

（學習視頻分享：css視頻教程）