css的长度单位、颜色单位

一、长度单位

1、像素：px   其实就是一个个发光的小点，肉眼看不到的，是我们现阶段最长用的单位，而且是个固定单位（绝对单位）

2、百分比：%   是一个相对单位，相对于其父元素的变化而变化，一般情况可以用来做流动式布局

3、em   是一个相对单位，相对于自身字体大小的变化而变化，如果自身没有设置字体大小，就会继承其父元素或者祖先元素的字体大小，直到继承到根标签（html）的字体大小，如果根标签没有设置字体大小，html根标签默认的字体大小是16px。

4、rem   是一个相对单位，相对于根标签的字体大小变化而变化，如果根标签没有设置就用默认大小。

二、颜色单位

1、在css中可以直接使用颜色的单词来表示不同

颜色   例:red、yello、blue...

但不同的颜色单词种类繁多，也不好拼写，不好描述，所以不推荐使用。当然英语好的人除外。

2、使用rgb值来表示不同颜色

语法：rgb（red,green,blue）

分别以红色，绿色，蓝色三种颜色为基本色，根据不同浓度值来勾兑出不同的颜色

获取颜色：用截屏模式，将鼠标箭头对准想要的颜色，然后进行提取就可以了。

浓度范围：0-255,0最小、255最大

注意：提取的颜色格式，不一定是rgb语法，也有可能是16进制的写法

3、使用十六进制的rgb值来表示颜色，原理和上边的rgb原理一样浓度值也是0-255，只不过用16进制的写法

语法：#红色浓度绿色浓度蓝色浓度

例：#00ff00 像这种两两重复的写法，可以省略以为，简写#0f0

#0f0f0f  像这种就不可以简写

4、rgba     

语法：rgba(red,green,blue,alpha);

alpha表示透明度    值在0-1之间     0表示透明，1表示不透明

5、在工业上用的较多

hsl     语法：hsl(hue,saturation,lightness);

hsla     语法：hsla(hue,saturation,lightness,alpha);