12-14笔记

CSS颜色

颜色是由红（RED），绿（GREEN），蓝（BLUE ）光线的显示结合。

CSS的颜色可以通过以下等方法指定：十六进制颜色、RGB颜色、RGBA颜色、颜色名等值指定。

十六进制颜色值

所有主要浏览器都支持十六进制颜色值。

指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。

例如，＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。

RGB颜色值

RGB颜色值在所有主要浏览器都支持。

RGB颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。

例如RGB（0,0,255）值呈现为蓝色，因为蓝色的参数设置为最高值（255）而其他设置为0。

此外，下面的值定义相同的颜色：RGB（0,0,255），RGB（0％，0％，100％）。

3.RGBA颜色值

RGBA 颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。

RGBA 颜色值是 RGB 颜色值 alpha 通道的延伸 - 指定对象的透明度。

RGBA 颜色值指定：RGBA（红，绿，蓝，alpha）。 Alpha 参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数

背景颜色

background-color 属性定义了元素的背景颜色。

页面的背景颜色使用在body的选择器中:

body {background-color:#b0c4de;}

背景图片

background-image 属性描述了元素的背景图像。

默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体。

body {background-color:#b0c4de;}

背景图片固定

在默认情况下，组件里的背景图片会随着滚动条的滚动而自动滚动，我们要把backgroun-attachment的属性设为fixed,那么背景图片就会被固定在该组件中，不会随滚动条的滚动而移动。
body{background-attachment: fixed;}
背景图片大小
background-size属性指定背景图片大小。
div{background:url(img_flwr.gif);background-size:80px 60px;background-repeat:no-repeat;}