css学习之路(4)--颜色与长度(基础完)

本章介绍，颜色的表示，以及长度的各种单位

一、颜色表示方式

1.命名颜色（17种标准颜色参见：http://www.w3school.com.cn/cssref/css_colornames.asp）

h1{color:silver;}

2.rgb颜色

h1{color:rgb(100%,100%,100%);}
h1{color:rgb(0,0,0);}
h1{color:rgb(255,255,255);}

3.十六进制rgb颜色

h1{color:#FF0000;}//红色
h1{color:#F00;}//等价于#FF0000;

注：web安全颜色（值是（%为20%；十进制为51；十六进制为33）的倍数）

rgb(20%,40%,100%)
rgb(255,0,102)
#669933

二、长度

长度分为绝对长度（in,cm,mm,pt,pc）和相对长度(%,em,ex,px),其中绝对长度很少用。

%：百分比
em：1个“em”定义为当前字体的font-size值（如一个元素font-size=14px；则在这个元素中的1em = 14px;2em=28px;）
ex：当前所用字体中小写x的高度，（实际使用中，1ex = 0.5em）
px:像素 (计算机屏幕上的一个点)

in:英寸
cm:厘米
mm:毫米
pt:磅
pc:派卡，印刷术语，1pc = 12pt

基础完，其他部分比较简单可以参考手册