在網(wǎng)站建設(shè)中。一般情況下,我們會(huì)自定義幾個(gè)色調(diào),主要為網(wǎng)站的主體配色,但是在寫CSS的過程中,多處需要進(jìn)入設(shè)置顏色,但是色值若是記不清,每次都得去查詢,比較麻煩。
下面介紹一種簡(jiǎn)單的方式。
首先,我們定義一些我們常用的顏色 :
:root { --colorred: #C54B4D; --colorblue:#1889DF; --coloryellow: #FB9614; }
這里我們定義了紅色,藍(lán)色,黃色三種顏色 。
在之后的CSS中我們就可以直接調(diào)用這些顏色了。
比如說:
a { color: var(--colorred); /* 鏈接文字顏色使用 --colorred */ } a:hover { color: var(--colorblue); /* 鼠標(biāo)懸停時(shí)變藍(lán)色 */ }
比如說:
.main{ backgruond:var(--colorred); }
這樣是不是很方便?