CSS基本单位

声明：本人的所有博客皆为个人笔记，作为个人知识索引使用，因此在叙述上存在逻辑不通顺、跨度大等问题，希望理解。分享出来仅供大家学习翻阅，若有错误希望指出，感谢！

CSS中的常见单位

尺寸单位

1.px：相对单位，页面按精确像素展示。
2.em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值。
3.rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性。
4.vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。
5.vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。
6.vmin：vw和vh中较小的那个。
7.vmax：vw和vh中较大的那个。
8.%:百分比

最佳实践：一般来说如果只适配大屏，用px为单位就可以。但是如果还要适配移动端（手机、平板电脑），宽度、字体或比较大的数字值，尽量使用em或rem为单位。

颜色单位

(颜色名)	颜色名称 (比如 red)
rgb(x,x,x)	RGB 值 (比如 rgb(255,0,0))
rgb(x%, x%, x%)	RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb	十六进制数 (比如 #ff0000)，如果两两相同，可以省略，如：#ccc