放松读物，再看css禅意花园-background

　　css提供了若干种将图片应用到页面元素上的方法，但只有背景图像方法得到了广泛支持；

　　也就是说只有这个一种方法才能用于实际开发中。

　　下面，我们学习下这个属性

　　background是个简写属性，它可以赋值以下的属性

　　background-color

　　background-position-ok

　　background-size

　　background-repeat-ok

　　background-origin

　　background-clip

　　background-attachment

　　background-image-ok　

　　一个个来学习吧（不要觉得多，就有点不耐烦了）

　　1 先看这个background-repeat

　　 background-repeat是定义了图像的平铺模式，设置是否及如何重复背景图像

　　 默认地，背景图像在水平和垂直方向上重复的。

　　 (PS：这个默认值，我是亲自试过了的。)

　　 值分别有

　　 repeat：默认，背景图像将在垂直方向和水平方向重复；

　　 repeat-x：背景图像在水平方向重复

　　 repeat-y：背景图像在垂直方向重复

　　 no-repeat：背景图像将仅显示一次

　　2 background-image

　　为元素设置背景图像

　　元素的背景占据了元素的全部尺寸，包括内边距和边距，但不包括外边距

　　默认值是none（就是不显示背景图像）

　　可以设置值，url('URL')

　　3 background-position

　　设置背景图像的起始位置；

　　这个属性设置 背景图像 的位置，还有背景图像 如果要重复，将从这一点开始

　　看了，这个博主的资料，下面是截图

　　

　　文中还有这样的描述

　　background-position属性值如果是数值，那么指 相对于 容器 数值的距离作为起始位置；

　　如果是百分比或者方向，那么指的是 相对于容器 * 百分比 所得的数值作为起始位置；

　　如果不设置baciground-position属性值，那么默认起始位置为background-position:0% 0%

　　如果background-position属性值只设置一个，那么另一个默认为center

　　

　　PS：要理解相对于容器，尤其是background-position-x和background-postion-y是负值的时候，比如background:url(/Image//094/bg.jpg) no-repeat -10px -10px;这个设置就是背景图像在容器中是从水平-10px 垂直-10px这一点开始的。

　　那你知道0 0在什么位置，是在容器左上角，既然是相对容器开始的，如果是10 10，说明是在容器左上角的水平10个方向和垂直10个方向，显示图像。那么再看-10 -10呢，自然是在容器左上角水平-10个方向和垂直-10个方向显示，当然会隐藏一部分图像。

　　这就是这个属性的设置，懂了他的设置，才能理解它为何可以这样使用。

　　https://blog.csdn.net/pupilxiaoming/article/details/79852149

　　又查看了这个资料，感觉也是可以的，拜读过了。

====================================================================================================================

　　使用细条图像填充背景，有的图像其高度只有1个像素，可以使用background-repeat。

　　尽可能地重复使用图像，在css中，我们可以将同一幅图像应用到不同的元素上。

　　比如#linkList ul{background-image :url(lightblue.gif)，这样#linkList所有ul元素的背景图像都设置了

　　需要提醒的是

　　background是在样式上添加背景图片，img标签是属于内容上添加图片。

　　例如“公司介绍”页面中的一张ceo照片或是软件网站中某个产品的屏幕截图，则就需要使用img标记。

　　使用css关键之处在于将页面的表现样式从页面结构中分离开来，页面的表现样式设于设计部分，设计部分可以使用background，而内容部分就要运用img标记显示图片