距离
距离长度用一个正数或负数加一个标注表示，有些属性只接受正数；
长度的后面是一个缩写表示长度的单位；
长度为0时，比较特殊，可以不需要单位
长度单位又分为两种： 绝对长度单位和相对长度单位；
绝对长度单位
绝对长度单位有七个：
- 英寸in 打印机常使用
- 厘米cm
- 毫秒mm
- 四分之一毫秒q 只有firefox支持
- 点pt 印刷度量单位 打印机常使用
- 派卡pc 打印机常使用 印刷术语
- 像素px 最常用
随着媒体查询和响应式设计的出现，为了描述显示器的分辨率，出现了三个新的单位：
- 点每英寸 dpi
- 点每厘米 dpcm
- 点每像素单位 dppx
但是，上面这些都不重要，因为都不怎么用
相对长度单位
相对长度单位中的相对是指长度是相对其他东西而言的；相对长度的实际值根据不受其控制的因素而变，例如屏幕分辨率，视区宽度等；
相对长度单位主要有：
- em 按css的定义 1em等于元素的font-size属性值；使用em设置字号，它是相对父元素的字号而言的；
- ex 指的是所有字体中小写字母x的高度；不常用；
- rem 与em类似，区别是em相对当前的元素字号计算，rem始终相对于根元素html的字号计算；
- ch 等于渲染时所用字体中0字形的进距； 不常用；部分浏览器支持
CSS3新增的几个与视区（浏览器窗口，可打印区域，移动设备的显示区域等）尺寸相关的单位：
- 视区宽度单位vm 根据视区的宽度计算，然后除以100；(如果视区宽度是936，那么1vm = 9.36px)
- 视区高度单位vh 根据视区的高度计算，然后除以100
- 视区尺寸最小单位vmin 取高度和宽度最小的那个，然后除以100
- 视区尺寸最大单位vmax 取高度和宽度最大的那个，然后除以100
计算值
为了方便做数学计算，CSS提供了calc()值，括号中可以使用简单的数学算式。允许使用的运算符有+ - * /，以及括号。
基本限制是calc()会检查括号中各个值的类型，确保是兼容的；
- +和-号两侧的值必须有空白，必须使用相同的单位；
- *计算的两个值必须有一个number
- /计算的两个值中右边必须是number
- 任何情况下都不可以除以0
- calc()中的算式最多可以使用20个算子，超出无效；
-### 颜色
在HTML中表示颜色可以使用：
- 颜色名：例如red,yellow等，一共有148个颜色关键字
RGB和RGBa颜色: 按不同比例的红绿蓝混合而成的颜色，被称为RGB颜色；
一般的句法是rgb(color),其中color是三个值，可以是百分数或整数，百分数的取值访问是0-100%,整数范围是0-255；一个颜色值中不能混用整数和百分数；
RGBa是在RGB三个通道后面增加一个alpha通道值，用于表示不透明度；如果想让颜色完全透明，把alpha设置为0，如rgba(color,0)十六进制RGB值：把三个00到FF范围内的十六进制数串到一起，表示一个颜色；一般的句法是#RRGGBB; 如果每个十六进制数中的两个数字相等，CSS允许使用简短表示法；如#000，#666；
十六进制RGBa颜色是在十六进制表示法后面添加一个十六进制表示alpa通道大值；HLS和HLSa颜色：
CSS3新增了HSL表示法；HLS是Hue(色相，角度值0-360)、Saturation(饱和度0-100的百分数)和Lightness(明亮度0-100的百分数)的简称；HLSa是在后面加上一个alpha值，取值范围0-1；
- 颜色关键字
两个可以在任何允许使用颜色值得地址使用的值：
- transparent : 表示完全透明的颜色，等价于rgb(0,0,0,0),是元素背景色的默认值；
- currentColor: 意思是当前元素color属性计算得到的值；
