首页 > 代码库 > css单位和值

css单位和值

    css需要单位来度量。内含整数、小数、百分数的情况,很多条件下支持正负的情况,当然是有限制的了。百分数基本是相对于自身、或是父或是祖先元素的某个属性值。

颜色   

     颜色的表示分为:命名颜色、rgb、十六进制、hsl。css2有16中颜色,css2.1有17种,css3有140种。这140种色基于x11 rgbb标准值,支持较好,但问题是还是不够细腻。

     rgb:以前的显示器基于crt的方式,依靠电子枪的能量来控制颜色。发光原理不同于一般的靠反射波长达人的眼睛,而是直接发光到眼睛,所以rgb(0,0,0)是黑色,rgb(255,255,255)是白色。基本分为:整数三元组、百分数三元组。整数范围是0~255,百分数为)-100%且支持小数。问题是,若发生了越界的情况时会将其裁剪为最近的值。如:266变为255,-23换算为0。百分数与整数的转化是靠百分数乘以255然后转化为最接近的整数。

    十六进制:该方式是对rgb整数的转化,与整数方式没有什么区别.将各位转化为对应的十六进制数就行.

    web安全色:256色显示系统为了防止颜色抖动而采取的特定颜色。百分数为:0%、或是20%的倍数,整数是0,或是51的倍数。十六进制是:00 33 66 99 cc ff的组合方式。

长度

    长度单位是:绝对长度单位和相对长度单位。绝对长度单位多与印刷打印行业有关,含:in mm cm pt(1/72 in) pc(1/6 in)等。

    相对长度单位:em、ex、px。与分辨率等有关,也与元素有关系。em相对于某元素的font-size来定,可能是本身,可能是父元素。ex是字体的小写x高度,通常是0.5em。 px与分辨率有关系。

url

   只需注意,相对url是针对自身文档的,而非html的位置。当然相对url要求同域。

关键字

         主要是inherit可以显示的指定继承的值。

 

css单位和值