定義：.penguin
使用：.penguin-top
你建立的變數，不但可以在你宣告變數的元素裡面使用，同時也可以在該元素的子元素裡面使用。這種效應稱為cascading（層疊）。
因為層疊的效果，css 變數通常會定義在:root元素裡。
就像html是body的容器一樣，你也可以認為:root元素是你整個 html 文件的容器。
在:root建立的變數，在整個網頁裡面都能生效。
:root
當你在:root裡建立變數時，這些變數的作用域是整個頁面。
如果在其它元素裡建立相同的變數，會重寫:root變數設定的值。
使用**查詢更改變數：
當螢幕小於或大於**查詢所設定的值，通過改變變數的值，那麼應用了變數的元素樣式都會得到響應修改。
在media query（**查詢）宣告的:root選擇器裡，重定義–penguin-size的值為 200px
:root
@media (max-width: 350px)
}
css變數學習
css變數表示方法 變數名 root 這句話的意思是在html元素下定義乙個css變數，整個css文件都能夠使用。css變數大小寫敏感，也就是說 h和 h是兩個不同的變數。通過var 函式讀取變數 a var 函式可以設定第二個引數，表示預設值。如果呼叫的變數不存在則使用變數值 a 注意 1.var...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...