前端开发 CSS第二课选择器的权重像素和百分比 em和rem 颜色的值 HS( 二 ) _优先级

分析：30rem=30 10px=300px*
4 颜色的值 4.1 GRB值
在CSS中可以直接使用颜色名来设置各种颜色。比如：red、、、blue……
RGB通过三种颜色的不同浓度调配出不同的颜色。
R red
G grenn
B blue
每一种颜色的范围在0~255（0% ~100%）之间
语法：RGB(红色,绿色,蓝色)
分析：rgb(255, 0, 0)为红色，rgb(0, 255, 0)为绿色，rgb(0, 0, 255)为蓝色，rgb(255, 255, 255)为白色，rgb(0, 0, 0)为黑色，
rgb(255, 255, 0)为黄色。
4.2 RGBA值
就是在rgb的基础上增加一个a表示不透明度。需要四个值，前三个和rgb一样，第四个表示不透明度。1表示完全透明，0表示完全透明，.5表示半透明。
语法：RGB(红色,绿色,蓝色,透明度)
background-color:rgba(255, 255,0,.5);
分析：rgb(255, 255, 0,.5)为半透明黄色。
4.3 十六进制的RGB值
语法：#红色绿色蓝色
颜色浓度范围 00-ff
如果颜色两位重复可以进行简写
如：# 简写为#abc
#不可以简写
分析：#f00表示红色，#0f0表示绿色，#00f表示蓝色，#ff0表示黄色。
如何将看到的颜色写成grb(…,…,…)或者#…？
用工具
点击下载
找一个颜色做示范
复制RGB值和16进制值即可。
4.4 HSL值（很少使用）
H 色相（0-360）
S 饱和度，颜色浓度（0%-100%）
L 亮度，颜色的亮度（0%-100%）亮度100%为白色，0%为黑色（关灯的效果）
色相以红色起点，即0或360为红色，根据色环变化。
background-color: hsl(20, 20%, 50%);
HSLA值
语法：hsla(色相,浓度/饱和度, 亮度,透明度)
【前端开发 CSS第二课选择器的权重像素和百分比 em和rem 颜色的值 HS】background-color: hsla(20, 20%, 50%,.5);
分析：色相为20，饱和度为20%，亮度为50%，.5表示半透明。

前端开发 CSS第二课 选择器的权重 像素和百分比 em和rem 颜色的值 HS( 二 )

前端开发 CSS第二课选择器的权重像素和百分比 em和rem 颜色的值 HS( 二 )