css 變數是由網頁的作者或使用者定義的實體,用來指定文件中的特定變數。使用自定義屬性來設定變數名,並使用特定的 var() 來訪問。
css中原生的變數定義語法是:--*
,變數使用語法是:var(--*)
,其中*表示我們的變數名稱。關於命名這個東西,各種語言都有些顯示,例如css選擇器不能是數字開頭,js中的變數是不能直接數值的,但是,在css變數中,這些限制通通沒有
。
但是,不能包含$,[,^,(,%等字元
,普通字元侷限在只要是「數字[0-9]」「字母[a-za-z]」「下劃線_」和「短橫線-」這些組合,但是可以是中文,日文或者韓文。
無論是變數的定義和使用只能在宣告塊{}裡面
html:
css:
:root
.container
解決問題:
body
.box
body
了解CSS CSS3原生變數var
在任何語言中,變數的有一點作用都是一樣的,那就是可以降低維護成本,附帶還有更高效能,檔案更高壓縮率的好處。隨著css預編譯工具sass less stylus的關注和逐漸流行,css工作組迅速跟進css變數的規範制定,並且,很多瀏覽器已經跟進,目前,在部分專案中已經可以直接使用了。chrome fi...
基於原生js和css3實現barrage彈幕效果
執行圖 使用cancas畫板實現。迴圈重新整理和繪製畫板畫素,每一次迴圈更改繪製元素的x座標 核心函式 clearrect x,y,width,height 在給定的矩形內清除指定的畫素 filltext content,x,y 將content內容繪製到指定的 x,y 處 原始碼展示 var ca...
原生css變數宣告
定義css變數 我們都知道使用less或者sass這些預處理語言,可以做到變數宣告,下面舉個例子,宣告乙個顏色是白色的變數,變數名是mio less mio fff divsass mio fff divcss div注意css的寫法,宣告變數必須寫在選擇器裡面,變數名用 定義。用處結合變數宣告這個...