原生css變數宣告

2021-09-13 22:28:29 字數 669 閱讀 1364

定義css變數

我們都知道使用less或者sass這些預處理語言,可以做到變數宣告,下面舉個例子,宣告乙個顏色是白色的變數,變數名是mio

less

@mio : #fff;

div

sass

$mio : #fff;

div

css

*

div

注意css的寫法,宣告變數必須寫在選擇器裡面,變數名用--定義。

用處結合變數宣告這個功能,可以做到定義全域性的公共樣式,比如主題色,比如官方板塊間距,比如移動端適配不同螢幕頁面的排版方式之類的。

我們再結合css3提供的cacl()計算屬性,這個屬性支援四則運算,支援的單位有rem,em,%,px,使用時在運算符號兩邊加空格。

舉個例子:

:root

div

這段**計算的div,寬200px,高50px,行高50px,margin-top是52px

執行後的結果:

媽耶,太厲害了,css越來越厲害了

css3原生變數var

css 變數是由網頁的作者或使用者定義的實體,用來指定文件中的特定變數。使用自定義屬性來設定變數名,並使用特定的 var 來訪問。css中原生的變數定義語法是 變數使用語法是 var 其中 表示我們的變數名稱。關於命名這個東西,各種語言都有些顯示,例如css選擇器不能是數字開頭,js中的變數是不能直...

宣告變數 如果同時宣告多個變數

如果同時宣告多個變數,可以用以下語句 也可以按如下宣告 dim a as integer,b as integer,c as integer但是不可以按如下宣告 dim a,b,c as integer 如果這樣操作,僅有c宣告正確。如何檢查是否宣告成功呢?可以使用typename函式來判斷。msg...

php宣告變數開頭,php變數宣告

1 什麼是變數?變數就是可變的量,我們可以把它看做是?個容器之所以叫做變數。是因為一旦被宣告後在整個指令碼中都會可以動態的改變變數的值。2 變數的命名規範 1 以 開頭 2 由字母數字下劃線組成,但是不能以數字開頭 3 可以使用中文,但是不推薦使yongoing 4 變數名嚴格區分大小寫 5 變數名...