6th week blog（1）

1.CSS单位 px：px就是pixel的缩写，pixel即像素，为绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

rem：相对单位，可理解为”root em”，相对根节点html的字体大小来计算。

vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。

vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。

fr：fr 单位是一个自适应单位，fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。

2.（1）CSS颜色表示 用颜色英文名：background: white;

color: white;

（2）用十六进制的颜色值：bordercolorlight="#FF00000"

（3）用rgb(r,g,b)函数：rgb(255,255,0)

（4）用hsl(Hue,Saturation,Lightness)函数表示（色调、饱和度、亮度） 如：hsl(120,100%,100%),色调0代表红色，120代表绿色，240代表 蓝色

（5）用rgba(r,g,b,a)函数表示 其中a表示的是改颜色的透明度，取值范围是0~1，其中0代表完全透明。

（6）用hsla(Hue,Saturation,Lightness,alpha)函数表示 色调、饱和度、亮度、透明度

调色板：

红red：#FF0000 rgb(255,0,0)

橙orange：#FFA500

黄yellow：#FFFF00 rgb(255,255,0)

绿green：#008000 rgb(0,255,0)

蓝blue：#0000FF rgb(0,0,255)

紫purple：#800080 rgb(255,0,255)

粉pink：#FFC0CB

黑black：#000000 rgb(0,0,0)

白white：#FFFFFF rgb(255,255,255)

灰gray：#808080 rgb(127,127,127）