kkw学习css的过程,第3天，关于背景background

背景就一般来说，我目前用的多的是:

    background-color:
    background-image: url("")
    background-repeat:no-repeat repeat repeat-x/y;
    background-position: top center left right bottom 百分比 像素;

background-attachment：scroll fixed; 默认是滚动的，fixed是将背景图固定住。‘
这样子，任内容滚动，背景图都是在同一个位置，相当于定位中的fxied.

一般来说，会有一个简写的形式：

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; 
    颜色，背景图， 是否重复 是否固定 背景图位置

好了，我关于背景的属性，目前了解如此。每个元素都可以添加不同的背景。都可以使用上述的属性。

在后续，还可以使用线性渐变来设置背景，使用渐变的时候，实际上使用的background-image的属性。

比如：

线性渐变
background-image: linear-gradients(to right, #123456,#456789)
圆形渐变
background-image: radial-gradients(90deg,#123456,#456789)

在Css3中，继续出现几个属性，

background-size： background-origin：background-clip:

1、background-size: 背景图的尺寸,100% 或者cover是我目前常用的，覆盖整个内容区域。

2、background-origin: 相对于内容框也定位背景图,
content-box,
padding-box,
border-box

3、back-ground-clip: 背景图片的渲染区域：跟上述一样，三个选择值
content-box,
padding-box,
border-box

背景图片也可以设置多张
background-image: url(),url()