CSS background 背景样式总结

背景样式在制作网站过程中经常使用到。以下是CSS background 背景样式经常使用到的几种样式：

• 背景属性以及背景位置的控制：
  1、background-position:水平方向，竖直方向。
  2、Background-attachment：背景的滚动。属性设置背景图像是否固定或者随着页面的其余部分滚动。
  body{ background-image: url(bgimage.gif); background-attachment: fixed; }
• transparent：背景的透明
  transparent表示透明无颜色
  none 表示没有设置背景图片
  repeat 表示图片重复
  scroll 表示背景图片随浏览器下拉而滚动
  0%水平位置在x0
  0%垂直位置在y0
• 背景属性的设置顺序：
  背景属性：背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置
  background : background-color || background-image || background-repeat || background-attachment || background-position
• transform变形  ---rotate转动
  Li:hover dt{ -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
  div{transform:rotate(7deg);
  -ms-transform:rotate(7deg); /* IE 9 */
  -moz-transform:rotate(7deg); /* Firefox */
  -webkit-transform:rotate(7deg); /* Safari、Chrome */
  -o-transform:rotate(7deg); /* Opera */
  }