属性值

大小值

px: 像素像素是最常用的单位之一
%: 百分比百分比则是相对于父元素的宽度来计算的
vw: 视窗宽度相对于浏览器窗口大小来计算
vh: 视窗高度相对于浏览器窗口大小来计算
em: 相对于元素的字体大小.如果未设置字体大小，则相对于父元素的字体大小.
rem: 相对于根元素(html)的字体大小.如果未设置字体大小，则相对于浏览器的默认字体大小.
ex: 相对于元素的 x 字体高度（大约是字母 x 的高度）.
ch: 相对于元素的字体中的字符“0”的宽度.
vw: 相对于视口宽度的 1%.
vh: 相对于视口高度的 1%.
vmin: 相对于视口宽度和高度中较小值的 1%.
vmax: 相对于视口宽度和高度中较大值的 1%.
cm: 厘米.
mm: 毫米.
in: 英寸.
pt: 磅（1/72 英寸）.
pc: 十二点活字（1/6 英寸）.

颜色值

关键字

一些预定义的颜色名称，例如 red、green、blue、black、white 等.

HEX(HEXadecimal)

由三个或六个十六进制数字表示，每两个数字表示一个颜色分量，取值范围为 00~FF.例如，#FFFFFF 表示白色，#000000 表示黑色，#FF0000 表示红色.

RGB(Red Green Blue)

由三个颜色分量组成，每个颜色分量的取值范围为 0~255.例如，rgb(255, 255, 255)表示白色，rgb(0, 0, 0)表示黑色，rgb(255, 0, 0)表示红色.

RGBA(Red Green Blue Alpha)

由三个颜色分量和一个透明度分量组成，透明度的取值范围为 0~1.例如，rgba(255, 255, 255, 0.5)表示半透明的白色，rgba(0, 0, 0, 0)表示完全透明的黑色.

HSL(Hue Saturation Lightness)

由一个色相分量、一个饱和度分量和一个亮度分量组成，色相的取值范围为 0~360，饱和度和亮度的取值范围为 0100%.例如，hsl(0, 100%, 50%)表示红色，hsl(120, 100%, 50%)表示绿色，hsl(240, 100%, 50%)表示蓝色.

HSLA(Hue Saturation Lightness Alpha)

由一个色相分量、一个饱和度分量、一个亮度分量和一个透明度分量组成，透明度的取值范围为 0~1.例如，hsla(0, 100%, 50%, 0.5)表示半透明的红色，hsla(120, 100%, 50%, 0.5)表示半透明的绿色，hsla(240, 100%, 50%, 0.5)表示半透明的蓝色.