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

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。

css中可以定義變量嗎

css中可以使用變量。

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

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

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

第二個參數(shù)不處理內(nèi)部的逗號或空格，都視作參數(shù)的一部分。

css使用變量示例：

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

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

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

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

（學(xué)習(xí)視頻分享：css視頻教程）