css變數，又稱——css自定義屬性，現在很多css預處理/後處理程式已作了相關快捷的編譯處理，
基本用法有哪些呢，我們先看乙個簡單的栗子；——要求，建立乙個五個塊元素居中的分欄樣式，奇數和偶數同高不同寬。
先看效果：
上菜一：
html：
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
/>
<
meta
name
="viewport"
content
="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
/>
<
title
>css變數的設定
title
>
<
link
rel="stylesheet"
type
="text/css"
href
="css/normalize.css"
/>
<
link
rel="stylesheet"
type
="text/css"
href
="css/index.css"
/>
head
>
<
body
>
<
ul class
="wrap"
>
<
li id
="a1"
>塊1
li>
<
li id
="a2"
>塊2
li>
<
li id
="a3"
>塊3
li>
<
li id
="a4"
>塊4
li>
<
li id
="a5"
>塊5
li>
ul>
body
>
html
>
css：
body
:root
.wrap
.wrap li
li:nth-child(odd)
li:nth-child(even)
所以優點顯而易見：
1.一次設定，多次呼叫，且呼叫物件不限，id=a的元素可以用，id=b的元素也可以用；
2.除錯時，可以將相同的設定的元素，同時修改樣式，快捷方便
不過也有部分不足：
1.當同一樣式的元素，需要修改為不同的樣式時候，必須刪除變數或者另增加變數，盲目修改變數引數，會引起引用同一變數的其他元素樣式變化，不利於元素的「個性化」除錯；
2.變數命名，區分大小寫，--a和--a是不同的變數，類似js規則，而且「--」必須前置，注意的細節較多
而且現在有很多css預編譯工具，less、sass等都帶有此類功能，不過此處，我們只做原生的原理性用法的基本**。
normalize.css：
css變數學習：
變數的用法
cat mb2.sh echo n enter a sizi in kb read kb bytes expr kb 1024 mb expr kb 1024 mb2.sh enter a sizi in kb 12345 如果沒有花括號，則 kb會成為 kbkb。因為沒有定義名為kbkb的變數，所...
變數的高階用法
語法 說明 從變數開頭進行規則匹配，將符合最短的資料刪除 從變數開頭進行規則匹配，將符合最長的資料刪除 從變數尾部進行規則匹配，將符合最短的資料刪除 從變數尾部進行規則匹配，將符合最長的資料刪除 變數內容符合舊字串則，則第乙個舊字串會被新字串取代 變數內容符合舊字串則，則全部的舊字串會被新字串取代 ...
static變數的用法
在變數面前加static，該變數則被宣告為靜態變數。靜態變數屬於靜態儲存方式，特點如下 1 靜態變數在函式內定義，在程式退出時候自動釋放，在程式的整個執行期間都不釋放，即其生存期為整個源程式執行期 2 靜態變數的作用域和自動變數的相同，在函式內定義就砸函式內使用，儘管該變數還繼續存在，但是不能使用它...