CSS基础知识——backgroung（背景）

/*****************************背景图*****************************/
background （缩写形式）
background-color （背景颜色）
语法：background-color: "颜色";

background-image （背景图片）
语法：background-image: url("....");

background-repeat （背景图重复位置）
其属性值可以为：repeat-x（x轴方向填充）/repeat-y（y轴方向填充）/no-repeat（不填充）三种

background-position （背景位置坐标，偏移量）

语法：background-poosition：left;background-position: 20px 20px;//当指定x或y中的一个方向时，另一个方向默认是居中效果

background-clip （背景图片的裁剪位置）
其属性值可以为：1：border-box：从外边框出开始剪切   2：padding-box：从内边距开始剪切   3：content-box:从内容出开始剪切

background-origin （背景图片开始的显示位置）
其属性值可以为：1：border-box：从外边框开始显示  2：padding-box：从内边距开始 3：content-box：从内容处开始

background-size （背景图片的大小）
其属性值可以为：1：100% 100%是x，y轴上完全放大填充，不管图片是否失真 2：cover（覆盖）：图片等比例缩放，知道最小部分填满容器有可能会出现图片显示不全的效果 3：contain（包含）：图片也是等比例缩放，直到最大部分填满容器 有可能出现图片覆盖不完整的效果

background-attachment （图片以滚轴的形式体现）
其属性值可以为：1：fixed 2：scroll(默认) 3：local（新加的）  当取fixed时，背景图片不随元素的移动而移动,相当于窗体进行固定。scroll随元素的移动而移动。local:随内容的移动而移动。

css sprite（雪碧图）