css权威指南（４）:值和单位

颜色
用RGB指定颜色
　　有两种颜色值类型使用函数式RGB记法，而不是16进制记法．这种类型颜色值的一般语法是rgb（color），其中color是一个百分数或整数三元组．百分数值在０％～１００％,整数范围为０～２５５.如：
　　

rgb(100%,100%,100%)
rgb(191,253,45)

值得注意的点是
１．百分数计数法可以使用分数和小数，但是如果用户代理忽略小数点，就会把这些值取整为与之最近的整数，在整数三元组中只能用整数
２．无论哪种记法，如果值落在可能范围之外，都会把这些值取之到最接近的范围边界
１６进制RGB颜色
１６进制记法在数学上等价于整数三元组记法，如rgb(255,255,255)完全等价于#FFFFFF,\
1６进制有种简写方法，每个颜色值中设为3位时,浏览器会取每一位，将其复制成两位,如＃F00等价于＃FF000

长度单位
绝对长度单位
绝对长度单位在web设计中很少使用，有以下５种：
１，英寸（in）
２，厘米（cm）
３，毫米（mm）
４，点（pt）
５，派卡（pc）
只有浏览器知道用来显示页面的显示器，所用的打印机或其他用户代理的所有细节时，这些单位才有用

相对长度单位
相对单位是依据与其他事物的关系来度量的，有以下3种
１．em：在css中，１个＇em＇定义为一种给定字体的font-size值．即如果一个元素的font-size为16px,则对于该元素，1em等于16px
显然，这个值随着元素的不同而不同

                font-size: 24px;
            }
            h2{
                font-size: 18px;
            }
            p{
                font-size: 12px;
            }
            h1, h2, p{
                margin-left: 1em;
            }
            small{
                font-size: 0.6em
            }

        <h1>left margin <small>24</small> </h1>
        <h2>left margin <small>18</small> </h2>
        <p>left margin <small>12</small></p>

由此可见，font-size不同，margin也不一样
２．ex：是指所用字体中小写x的高度，同一元素，不同字体，ex值也不一样．
３．px：没看明白，暂且不表