一：长度单位
1.1 像素
1
2
3
4
| 像素的单位是px，显示器是有一个一个小的方格组成的，其中一个方格就是1px，
不同屏幕下的像素尺寸是不一样的，屏幕越小越清晰，所以相同的像素在不同的
设备上显示的大小是不同的。
案例：100px,200px
|
1.2 百分比
1
2
| 如：50%,在不太严谨的说法下可以理解成是相对父元素属性的百分比，如：父元素
的width是100px,那么如果50%就是50px,如果是200px则50%就是100px.
|
1.3 em
1
2
3
| em是相对本身元素字体大小来计算的，一般1em = 1 font-size，其中默认浏览器的
1 font-size是16px,那么1em = 16px。如果修改了当前元素的font-size则对应的em
也会改变。
|
1.4 rem
1
2
3
| rem和em类似，rem是相对于根元素的font-size，也就是html的font-size不会
跟着自身元素的font-size改变。如：html{font-size:10px},那么此时的1rem
就是10px。 比较常用，因为需要做不同设备的适配。
|
二：颜色单位
2.1 颜色名
1
| 可以直接使用颜色名来定义，如：red,green,yellow,blue,gray等。
|
2.2 RGB
1
2
3
4
| RGB其实就是根据三种颜色混合起来的，是光的三原色，其中R是red，G是green，
B是blue，每一种的颜色返回是0-255，语法如下：rgb(R,G,B),如：
background-color:rgb(0,255,0);
background-color:rgb(0,0,0);
|
2.3 RGBA
1
2
3
4
| RGBA相对RGB多了一个A，其中A就是透明度，从0-1,1是最大，不透明，0是全透明，
.5是半透明，也可以设置.2,.3等，语法：rgba(0,255,0,.5);，如：
background-color:rgba(0,255,0,.5);
background-color:rgba(0,0,0,1);
|
2.4 十六进制
1
2
3
| 另外颜色可以用十六进制表示，其中每个颜色是从00-ff,语法是：#红绿蓝，如：
background-color:#ffff00;
其中如果是两两相同则可以简写，如#ffaabb可以写成#fab，其他形式不能简写。
|
*************感谢您的阅读*************
