CSS 變量是樣式表中創(chuàng)建的由程序或用戶定義的值。與常量不同，變量可以隨著時(shí)間和運(yùn)行時(shí)數(shù)據(jù)的更改而改變。這意味著您可以在整個(gè)樣式表中使用相同的變量，而不必?fù)?dān)心手動(dòng)更改每個(gè)區(qū)域以反映新值。

/*定義變量*/
:root {
--main-color: #1A4570;
}
/*使用變量*/
h1 {
color: var(--main-color);
}

與變量相反的是常量。CSS 沒(méi)有內(nèi)置的常量功能，但可以使用類似于 CSS 變量的技術(shù)來(lái)模擬它們。通常，常量定義為 SCSS 中的變量，并在編譯時(shí)靜態(tài)解析。

//定義常量
$main-color: #1A4570;
//使用常量
h1 {
color: $main-color;
}

總的來(lái)說(shuō)，CSS 變量和常量都可以用于將相同的值用于多個(gè)樣式表?xiàng)l目。但是，CSS 變量是客戶端計(jì)算的，可以在運(yùn)行時(shí)更改，而常量是在編譯時(shí)靜態(tài)解析的。