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),其中绝对长度很少用。

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

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

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