css中和图片相关的样式

1.和图片相关的样式：
背景属性:
background (缩写形式)
background-color(背景色)
background-image（背景图）
background-repeat（背景图重复方式）
background-position（位置坐标、偏移量） center left right bottom  top
/*当指定x或y中的任何一个方向时，另一个方向默认是居中的效果*/
百分比是指往右往下移百分之多少，往左往上时用负数。 
background-clip（剪切）
backgrund-origin（开始显示的位置）
/*border-box:从外边框开始显示
            padding-box：从内边距开始显示
            content-box：从内容开始显示*/
background-size（）
   属性值：cover：图片等比例缩放，知道最小部分填满容器有可能会出现图片显示不全的情况
      contain：图片也是等比列缩放的，直到较大的部分填满容器，有可能出现图片覆盖不完全。
background-attachement：
scroll:默认值。背景图像会随着页面其余部分的滚动而移动
fixed:当页面的其余部分滚动时，背景图像不会移动

inherit:规定应该从父元素继承 background-attachment 属性的设置。

雪碧图：
小碎图片的组合排列：几个小碎图放在一个图片中。
通过定位将不同的图片显示出来。