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