计算机颜色和像素机制：
计算机通过组合不同级别的红，绿和蓝色来产生新的颜色，这就是通常所说的RGB颜色。事实上，如果将计算机的监视器或者电视机打开后，仔细观察射线管，就会发现有三个“电子枪”。这些电子枪射出不同亮度的光线，达到荧光屏上的某一点，而这一点就是RGB颜色中的一束。三条不同的光束同时打到一点，他们的亮度已经组合就形式了人们在屏幕上所看到的颜色。这一点就叫做像素。
RGB百分比和数字表示法的相互转换：
百分比表示，其范围是：0% ~ 100%
数字表示，其范围是：0~255
color: rgb(100%, 25%, 45%) *255转换成数字
color: rgb(24, 255, 45)
浏览器可能不能识别小数点，可能将小数点忽略或者抹除（小数识别成整数）， 超出范围的将被裁剪，这种情况设置的颜色和预期的效果不符。
网络安全色
同一种颜色在不同的操作系统或者浏览器上可能不一样。这里有一种方法可以局部改善这一问题，但它仍然依赖于颜色的选择。有216中颜色被认为是“网络安全的”，即对于所有计算机和浏览器都应该一样，不会有抖动或大的变化。
所谓网络安全色指所有的RGB颜色值都为20%或51的倍数的那些颜色，当然十六进制为33。0%和0也是安全值。
RGB百分比： 这三个值要么为0%，要么能被20%整除。
RGB数字： 这三个值要么为0，要么能被51整除。
十六进制对：00、33、66、99、CC、FF。任意三个值的组合。
单位
绝对单位
英寸、厘米、毫米、磅、pica。
绝对单位在打印文档定义样式表时更为有用。在这里，使用英寸、磅和pica作为单位很常见。网页设计中使用绝对单位是危险的。
Mac OS已经假定了屏幕像素和绝对尺寸的对应关系，72像素=1英寸。
Macintosh浏览器，假定磅和像素是等价的。 pt=px
相对单位
em, ex, px
em:
一个“em”就是给定字体的font-size值，因此如果某个元素的字体尺寸为14个磅，那么对这个元素来说，一个“em”就等同14个磅一样。
换句话说，不管将字体尺寸设成什么，它总是这个元素1em的值。这个值随元素变化而变化。
H1 {font-size: 24px} H2 {font-size: 18px} p {font-size: 12px} H1, H2, P {margin-left:1em} <H1> margin-left 24px </H1> <H2> margin-left 18px</H2> <p> margin-left 12px </p>
ex
1/2em
px
当靠近显示器时，能看见它被分成非常细小的小方格。每个小方格就是一个像素。
ppi每英寸的实际像素数值
CSS规范推荐一个“参照像素”，1英寸=90ppi。但是一般实现来说都是，1英寸=72ppi，也即 1px = 1/72in
总体来说，最好的量度或许还是相对相对量度，由其是em，还有px。
CSS2新增单位
角度值
三种类型的角度。度（deg），梯度（grad），弧度（rad）
时间值
ms， s
频率值
Hz， mHz
文本属性
字体属性
文本和字体的区别
文本是内容，字体用于显示，它是一种改变文本外观的方法。