CSS中尺寸及颜色

1.CSS中的尺寸

  相对尺寸：

%:  所占父元素的百分比  如div{width: 50%;}

px: 像素，指屏幕上的一个点  如div{width: 500px;}

em: 倍率，表示标准字体大小的倍率 如div{height: 3em}

  绝对尺寸：  在屏幕上使用的Web页面尺寸几乎不用绝对尺寸

cm：厘米

mm：毫米

in：英寸

pt：磅(72磅=1英寸)

 

2.CSS中的颜色

 (1)英文字符表示  如red  green  silver

 RGB表示法：

(2)三位整数 rgb(xxx, xxx, xxx)   如span{color: rgb(255,0,0);}

(3)三位百分比  rgb(xx%, xx%, xx%)   如span{color: rgb(30%, 50%,0%);}

(4)六位十六进制数  #XXXXXX  如span{color:#FF0000;}

(5)三位十六进制数  #XXX 如span{color: #FC0;}  => #FFCC00

 

 

色彩理论：

原色：能够以一定的比例调配出其它颜色的颜色

加色系：以RedGreenBlue为原色的色彩体系。主动发光的物体发出来的颜色使用加色系，如太阳、火焰、灯、显示屏等。颜色越多越白。

减色系：以CyneMegatonYellow为原色的色彩体系。不会主动发光，而是发射其它光线的物体，使用减色系，如月亮、纸张、油画笔等。颜色越多越黑。

计算机中颜色表示法——加色系：

任意一个颜色都要使用Red、Green、Blue三个原色以一定的比例混合调配出来。

 32位真彩色：使用8bit(0-255/00-FF)来描述一个原色的配比量

  2^24

64位真彩色：使用16bit(0-65535/0000-FFFF)来描述一个原色的配比量

  2^48

 

 

 255,0,0 红色

 0,255,0 绿色

 0,0,255 蓝色

 0,0,0 黑色

 255,255,255 白色

 10,10,10 深灰色

 200,200,200 浅灰色

 0,255,255 青色，红色的互补色

 255,0,255 品红色，绿色的互补色

 255,255,0 黄色，蓝色的互补色

 230,180,10 土黄色

 200,230,190

 

 和谐色：

 180 240 50

 240 180 50

 180 50 240

 240 50 180

 50 240 180

 50 180 240