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影片教學）

以上是css中可以定義變數嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！