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;}