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