Wed安全色
不同的平臺(tái)（Mac憎账、PC等）有不同的調(diào)色板套硼，不同的瀏覽器也有自己的調(diào)色板。這就意味著對(duì)于一幅圖胞皱，顯示在Mac上的Web瀏覽器中的圖像熟菲，與它在PC上相同瀏覽器中顯示的效果可能差別很大看政。
Web 安全色可以使得我們不需要擔(dān)心顏色在不同硬件環(huán)境朴恳、操作系統(tǒng)和瀏覽器之間的差異抄罕。
Web安全色參考
前景色與背景色
CSS 中的前景色和背景色就是 color 和 backgorund-color 兩個(gè)屬性
color 屬性表示前景色,更多地是用來表示 HTML 元素的文本內(nèi)容顏色
background-color 屬性表示背景色,該屬性的默認(rèn)值是 transparent（透明）。
色彩關(guān)鍵字于颖、
色彩關(guān)鍵字是一個(gè)不區(qū)分大小寫的標(biāo)識(shí)符呆贿，其表示一個(gè)具體的顏色
transparent 關(guān)鍵字表示一個(gè)完全透明的顏色，并且 transparent是 background-color 屬性的默認(rèn)值森渐。
顏色關(guān)鍵字查詢
透明度
在 CSS3 版本中新增了 opacity 屬性用來設(shè)置 HTML 元素的透明度做入，該屬性的值范圍介于 0.0 ~ 1.0（不透明） 之間。
- 例 將修改文本顏色的透明度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>練習(xí)</title>
<style>
.red {
color: red;
opacity: 0.2;
}
.green {
color: green;
opacity: 0.5;
}
.blue {
color: blue;
opacity: 0.8;
}
</style>
</head>
<body>
<p class="red">時(shí)間讓人成長(zhǎng)同衣，歲月使人成熟竟块，奮斗激勵(lì)成功。 </p>
<p class="green">經(jīng)歷充實(shí)人生耐齐，挫折磨練人的意志浪秘，困難挑戰(zhàn)人的極限。</p>
<p class="blue">奇跡考驗(yàn)人的毅力埠况，災(zāi)禍塑造人的堅(jiān)強(qiáng)耸携，人生就是不停地跌倒，不停的強(qiáng)大辕翰，堅(jiān)信自己夺衍，突破自我。</p>
</body>
</html>
-
代碼效果
image.png
顏色模式
一共有4中顏色模式喜命，其中只有rgb屬于CSS2沟沙，剩下的都是CSS3中新加的
- rgb()
RGB是一個(gè)簡(jiǎn)稱，全稱為 Red-Green-Blue壁榕，即紅-綠-藍(lán)矛紫。RGB 色彩模式是工業(yè)界的一種顏色標(biāo)準(zhǔn)，是通過對(duì)紅护桦、綠含衔、藍(lán)三個(gè)顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的。
CSS中有兩種使用rgb的方式：十六進(jìn)制符號(hào)
#RRGGBB和#RGB和函數(shù)符rgb(R, G, B)其參數(shù)可以為0到255可以為0%到%255
- hsl()
HSL是一個(gè)簡(jiǎn)稱二庵，全稱為 Hue-Saturation-Lightness贪染，即 色調(diào)-飽和度-亮度。HSL 色彩模式是一種將 RGB 色彩模型中的點(diǎn)在圓柱坐標(biāo)系中的表示法催享。
在 CSS 中使用 HSL 色彩模式是通過 hsl(H, S, L) 函數(shù)實(shí)現(xiàn)的H 表示色調(diào)(是色彩的基本屬性杭隙，就是平常所說的顏色名稱)，其值范圍為 0 ~ 360 之間的一個(gè)角度因妙。
S 表示飽和度(飽和度是指顏色中灰色的含量)痰憎，其值范圍為 0% ~ 100% 之間的百分值票髓。
L 表示亮度(亮度 是指顏色中黑色的含量)，其值使用百分值表示铣耘。0%表示黑色洽沟，50%表示標(biāo)準(zhǔn)色，100%表示白色蜗细。
- rgba()
在原基礎(chǔ)上增加a裆操，其中 A 為 alpha 表示透明度。
- hsla()
在原基礎(chǔ)上增加a炉媒，其中 A 為 alpha 表示透明度踪区。
