css背景

css2背景：
background-color:red;//平铺整个border-box
background-image: url(images/ghost.png);//默认从padding-box开始绘制，从border-box开始剪裁，css3中有多背景，默认绘制时尺寸是自己的位图像素
background-repeat: no-repeat||repeat||repeat-||repeat/y;
background-position: center center;（该属性可以用top right bottom left center中任意两个值指定一个位置）（也可以指定两个值 第一个是水平偏移量，第二个是垂直偏移量（正值右下，负值左和上））
background-attachment:scroll（随窗口滚动）||fixed(不随窗口滚动)

• 注意：
  background-position:50% 50%;。
  　　等同于left：{容器(container)的宽度—背景图片的宽度}*left百分比，超出的部分隐藏。等同于right：{容器(container)的高度—背景图片的高度}*right百分比，超出的部分隐藏。

css3背景：
background-origin:border-box||padding-box||content-box; 修改定位原点
background-clip: border-box||padding-box||content-box;设置背景剪切位置
background-size: ; 设置背景图片大小(百分比：背景图片相对于背景区的百分比)（单值指指定图片宽度，高度隐式auto）(两个值，宽，高)

-webkit-background-clip: text;使用了这个属性的意思是，以区块内的文字作为裁剪区域向外裁剪，文字的背景即为区块的背景，文字之外的区域都将被裁剪掉。

background简写属性（推荐只简写background-image,background-repeat）