css中的单位

尺寸

单位	描述
%	百分比
in	英寸
cm	厘米
mm	毫米
em	1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如，如果某元素以 12pt 显示，那么 2em 是24pt。 在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
ex	一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
pt	磅 (1 pt 等于 1/72 英寸)
pc	12 点活字 (1 pc 等于 12 点)
px	像素 (计算机屏幕上的一个点)

em

　　em表示元素的font-size属性的计算值，如果用于font-size属性本身，相对于父元素的font-size；若用于其他属性，相对于本身元素的font-size

EM 相对长度单位。相对于当前对象内文本的字体尺寸。 
若当前行内文本文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

特点： 
1、em的值不固定 
2、em会继承父级元素的字体大小

Tic:任意浏览器的默认字体行高都是16px，所有未经过调整的浏览器都符合：1em=16px;

**即:**12px=0.75em,10pc=0.625em

为简化换算：在css中body选择器中声明Font-size=62.5%,可以使得em的值变为16px*0.625%=10px,12px=1.2em,10px=1em

即：原数值px除以10，换上em作单位即可

注意： 
如果父元素为#content中声明的字体大小为1.2em(此处1.2em=12px)，那#content里的元素，如里面有个p元素，那这个p元素的字体大小只能是1em(此处为12px),而不是1.2em，因为继承了#content父元素的字体高度，变为1em=12px

总结三点： 
1、body选择器中声明的Font-size=62.5% 
2、将原来的px舒适除以10，染回换上em作单位 
3、重新计算那些被放大的字体的em数值，避免字体大小的重复声明

rem

　　rem是相对于根元素html的font-size属性的计算值

　　兼容性: IE8-不支持

默认地，浏览器的字体大小font-size是16px，也就是1rem=16px。而如果将HTML的font-size设置为100px，方便后续计算，不设置为10px是因为chrome下最小字体大小为12px,相对长度单位。相对于根元素(即html元素)font-size计算值的倍数

颜色

单位	描述
(颜色名)	颜色名称 (比如 red)
rgb(x,x,x)	RGB 值 (比如 rgb(255,0,0))
rgb(x%, x%, x%)	RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb	十六进制数 (比如 #ff0000)