CSS之颜色字体

计算机颜色和像素机制：

        计算机通过组合不同级别的红，绿和蓝色来产生新的颜色，这就是通常所说的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

 

文本属性

字体属性

文本和字体的区别
文本是内容，字体用于显示，它是一种改变文本外观的方法。