em:它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一般浏览器字体大小默认为16px,则2em == 32px;
ex:依赖于英文子母小 x 的高度
ch:数字0的宽度
rem:根元素(html)的 font-size
vw:viewpoint width,视窗宽度,1vw=视窗宽度的1%
vh:viewpoint height,视窗高度,1vh=视窗高度的1%
vmain:vw和vh中较小的那个。
vmax:vw和vh中较大的那个。
px:像素 (1px = 1/96th of 1in)
pt:point,大约1/72英寸; (1pt = 1/72in)
pc:pica,大约6pt,1/6英寸; (1pc = 12 pt)
fr:网格容器剩余空间的等分单位;
CSS的颜色可以通过以下方法指定:
- 十六进制颜色:background-color:#ff0000;
- RGB颜色:
RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。
例如RGB(0,0,255)值呈现为蓝色,因为蓝色的参数设置为最高值(255)而其他设置为0。
此外,下面的值定义相同的颜色:RGB(0,0,255),RGB(0%,0%,100%)。
- RGBA颜色:RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
- HSL色彩:
HSL颜色值指定:HSL(色调,饱和度,明度)。
色相是在色轮上的程度(从0到360)-0(或360)是红色的,120是绿色的,240是蓝色的。饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。亮度也是一个百分点;0%是黑色的,100%是白色的。
- HSLA颜色:
- 预定义/跨浏览器的颜色名称: