本篇內(nèi)容主要講解“css里能不能用var變量”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css里能不能用var變量”吧!

成都創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、玉山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為玉山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

css里面能用var變量；可以利用var()函數(shù)來插入css變量的值，css變量可以訪問DOM，也可以利用該函數(shù)來讀取變量，語法為“var(變量名, value)”，第二個(gè)參數(shù)的值可用于表示變量的默認(rèn)值。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。

css里面能用var變量嗎

var() 函數(shù)用于插入自定義的屬性值，如果一個(gè)屬性值在多處被使用，該方法就很有用。

var() 函數(shù)用于插入 CSS 變量的值。

CSS 變量可以訪問 DOM，這意味著您可以創(chuàng)建具有局部或全局范圍的變量，使用 JavaScript 來修改變量，以及基于媒體查詢來修改變量。

使用 CSS 變量的一種好方法涉及設(shè)計(jì)的顏色。您可以將它們放在變量中，而不必一遍又一遍地復(fù)制和粘貼相同的顏色。

var() 函數(shù)的語法如下：

var(name, value)

name 必需。變量名（以兩條破折號(hào)開頭）。

value 可選?；赝酥担ㄔ谖凑业阶兞繒r(shí)使用）。

var() 如何工作

首先：CSS 變量可以有全局或局部作用域。

全局變量可以在整個(gè)文檔中進(jìn)行訪問/使用，而局部變量只能在聲明它的選擇器內(nèi)部使用。

如需創(chuàng)建具有全局作用域的變量，請?jiān)?:root 選擇器中聲明它。 :root 選擇器匹配文檔的根元素。

如需創(chuàng)建具有局部作用域的變量，請?jiān)趯⒁褂盟倪x擇器中聲明它。

下面的例子與上面的例子相同，但是在這里我們使用 var() 函數(shù)。

首先，我們聲明兩個(gè)全局變量（--blue 和 --white）。然后，我們使用 var() 函數(shù)稍后在樣式表中插入變量的值：

實(shí)例

使用 var() 函數(shù)

  
Welcome to Shanghai!
  
Shanghai is one of the four direct-administered municipalities of the People's Republic of China.
  
Shanghai is one of the four direct-administered municipalities of the People's Republic of China.
  

    Yes
    No