1:CSS的长度单位:
px:px是一个按角度度量的单位。
in:英寸是一个物理度量单位,但是在CSS领域,英寸只不过被直接映射成像素罢了。
cm:厘米是比较熟悉有用的物理度量单位。它也映射成像素。
mm:毫米单位,和cm单位一样。
em:em是一个相对长度单位,当改变font-family时,它的尺寸不会发生改变,但在改变font-size的大小时,它的尺寸就会发生变化。
%:以百分比为单位的长度值是基于具有相同属性的父元素的长度值。
fr:fr 单位是一个自适应单位,fr单位被用于在一系列长度值中分配剩余空间,如果多个已指定了多个部分,则剩下的空间根据各自的数字按比例分配。
2:颜色表示法
(1)color name:颜色的名称;
color:red; 直接用英文意思来写,但是数量有限,不支持透明颜色
(2)十六进制方式:
color:#191d11;所有#开头的都是16进制
(3)rgb(十进制,十进制,十进制)表示方法:
每个值的取值范围是0~255,一共256个
(4)rgba(十进制,十进制,十进制,小数0~1):
最后的a是alpha通道,表示透明度,取值范围在0~1
(5)hsl(色相,饱和度,亮度):
h:色相,表示范围0~360,如下如色环
s:饱和度,取值范围是0.0%~100%
l:亮度:取值范围0.0%~100%
(6)hsla(色相,饱和度,亮度,透明度)
a:和上面的rgba一样,表示透明度
(7)transparent:透明的
表示方法为:color:transparent;