html&css-------图像（11/6）

控制图像大小：

小型肖像：220*360

小型景观：330*210

专题照片：620*400

背景图片（background-image）

重复图像（background-repeat、background-attachment）

background-repeat：repeat、repeat-x、repeat-y、no-repeat

background-attachment：（制定背景图像在用户滚动页面时的移动方式）fixed、scroll

背景图像定位（background-position）：（水平位置{left、center、right}，垂直位置{left、center、right}）

简写（background）

1.color

2.image

3.repeat

4.attachment

5.position

渐变（background-image）

#gradient{
	/* fallback color */
	background-color: #66cccc;
	/* fallback image*/
	background-image: url(xxxxxxxxxx.png);
	/* Firefox 3.6+ */
	backgroung-image: -moz-linear-gradient(#336666,#66cccc);
	/* Safari 4+, Chrome 1+ */
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#66cccc),to(#336666));
	/* Safari 5.1+, Chrome 10+ */
	background-image: -webkit-gradient(#336666,#66cccc);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(#336666,#66cccc);
	height: 150px;
	width: 300px;}