CSS css全域性變數與區域性變數

2021-10-04 23:49:42 字數 622 閱讀 3839

css變數為自定義屬性,由自定義編輯設定值【--main--bg-color:#ddd;】,通過var()函式來獲取值【color:var(--main-bg-color);】。css變數可在css文件中重複使用,當需要修改時,僅需要修改設定值,設定的變數名最好是設定為語義化的標籤。

1、在css中設定全域性變數和區域性變數

2、.在js中獲取和設定css變數

// 1.在js中獲取css變數

const box = document.queryselector(".box")

const boxstyles = getcomputedstyle(box)

const boxbordercolor = boxstyles.getpropertyvalue("--box-border-color")

console.log(boxbordercolor)

// 2. 在js中設定css變數

box.style.setproperty("--box-bg-color", "#e4e4e4")

區域性變數與全域性變數

根據c語言的說法,區域性變數 定義在方法內部的變數叫區域性變數 全域性變數 定義在方法外部的變數叫全域性變數。區域性變數和全域性變數的主要區別在於二者的生存週期不同。全域性變數的生存週期 靜態分配記憶體,程式執行期間常駐記憶體,直到程式執行結束。區域性變數的生存週期 動態分配記憶體,位於執行緒堆疊中...

全域性變數與區域性變數

區域性變數 在區域性 塊內定義 作用域在區域性 塊內,生命週期在區域性 塊內,結束時銷毀。include void test int main return 0 輸出 1111111111 全域性變數 在所有 塊外定義 作用域是整個工程,生命週期程式開始至結束。工程test 10 10 原始檔sum...

區域性變數與全域性變數

資料的儲存型別 一 變數的作用域 變數的作用域是指變數有效性的範圍,與變數定義的位置密切相關,作用域是從空間這個角度來描述變數的,按照作用域的不同,變數可分為區域性變數和全域性變數。1 區域性變數 在函式 或 塊 內部定義的變數,也稱為內部變數,區域性變數只能在定義它的函式 或 塊 內使用,其他函式...