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