css變數學習

2021-10-04 13:48:37 字數 618 閱讀 2187

​ css變數表示方法:「–變數名」

:root

這句話的意思是在html元素下定義乙個css變數,整個css文件都能夠使用。

css變數大小寫敏感,也就是說–h和–h是兩個不同的變數。

​ 通過var()函式讀取變數

a

​ var()函式可以設定第二個引數,表示預設值。如果呼叫的變數不存在則使用變數值

a

注意

​ 1.var(變數名)不可作為屬性名,只能在屬性值中用。

/*錯誤*/

:root

a

​ 1.default:以上就是預設型別,不可以用作屬性名

​ 2.字元型:變數值是乙個字串,可以和其他字串拼接

:root

/*--str2就相當於『lbwnb!』*/

​ 3.數值型:使用calc()函式與它的單位連線在一起。

.a

css真奇妙…

CSS 變數學習筆記

定義 penguin 使用 penguin top 你建立的變數,不但可以在你宣告變數的元素裡面使用,同時也可以在該元素的子元素裡面使用。這種效應稱為cascading 層疊 因為層疊的效果,css 變數通常會定義在 root元素裡。就像html是body的容器一樣,你也可以認為 root元素是你整...

css使用變數 使用CSS變數優化CSS長度

css使用變數 您是否曾經不得不編寫大量css,卻迷失了自己的 如果您像我一樣,有時您必須將顏色或文字大小的十六進製制 儲存在可以訪問和重複使用的位置。在本文中,我將分享有關如何使用css變數優化css的知識。css變數是我們定義的值,可在整個css文件中重複使用。css變數 也稱為自定義屬性 在乙...

css 冷知識 css變數

css變數的宣告 變數名前加兩根連線詞 body 各種值都可以放入css變數 變數名大小寫敏感 變數讀取 var 函式 body var 函式可以使用第二個引數,表示變數的預設值。如果該變數不存在,就會使用這個預設值 color var foo,ccc var 函式也可以用在變數的宣告 body 注...