1、长度单位
1:像素 px
其实就是一个个发光的小点,肉眼是看不到的,这也是我们现阶段最常用的单位
而且是个固定(绝对)单位
2:百分比 %
它是个相对单位,相对于其父元素的宽度变化而变化,一般情况可以用来做流动式布局
3.em
也是个相对单位,它相对于自身字体大小的变化而变化,如果自身没有设置字体大小,就会继承其
父元素或者祖先元素的字体大小,直到继承根标签(html)的字体大小,如果根标签没有设置字体大小,
html根标签默认的字体大小是16px
4.rem
也是个相对单位,它是相对于根标签(html)标签的字体大小变化而变化,如果根标签没有设置字体大小,
html根标签默认的字体大小是16px
5、vw
6、vh
2、颜色单位
1:在CSS可以直接使用颜色的单词来表示不同的颜色
red green yello black等等
但不同的颜色单词种类繁多,也不好拼写,不好描述,所以不推荐使用
2:使用RGB值来表示不同的颜色
语法: rgb(red, green, blue)
分别以红色,绿色,蓝色三种颜色为基本色,根据不同的浓度值来勾兑出不同的颜色
浓度的范围:0-255,0最小