CSS里的单位

CSS中预设了16种颜色以及16种颜色的衍生色，这16种颜色是CSS规范推荐的，而且一些主流的浏览器都能够识别，如下表所示：



十六进制颜色是最常用的定义方式。它的基本格式为#RRGGBB,R、G、B分别代表红绿蓝。也可以用RGB(R,G,B)设置颜色，参数用0～255的十进制数表示

为保证页面元素能够在浏览器中按照合理布局完全显示，需要设置各个元素的间距以及元素本身的边框尺寸等，这些属性值都离不开长度单位的使用。

在CSS中，长度单位分为绝对单位和相对单位。

CSS主要包含以下5中绝对单位：



相对单位是指在量度时需要参照其他页面元素的单位值。使用相对单位所量度的实际距离可能会随着这些单位值的改变而改变。

CSS提供了3中相对单位：

em用于给定字体的font-size值，例如，一个元素字体大小为12pt,那么1em就是12pt;

ex指所使用的字体中小写字母x的高度，例如Time New Roman中小写字母x,Arial中小写字母x。在实际应用中，ex的值等于em除以2的值。该单位计算比较麻烦，故不常使用

px是像素值的单位，在CSS中，90px=1in。但如果操作系统或浏览器支持不同，像素值的显示也不确定，所以用户可以适当的使用像素值。