6th week blog(1)

时间:2023-12-19 22:54:32

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)