background 属性 个人心得

这两天用到background样式，所以就记录一下！

首先background：background-color | background-image | background-position | background-attachment | background-repeat

       background-color ：指定填充背景的颜色

       background-image：指定背景图片

       background-position：控制背景图片在元素中的位置

       background-attachment：用户滚动页面时图片的状态（scroll，fixed，inherit）

       background-repeat：是否重复背景图片

然而，当我看完一篇blog之后，哇塞，原来还有好多新增属性 ，如下

        1，background-clip：border-box | padding-box | content-box | no-clip

        背景显示在border内 | 背景显示在内补白内 | 只显示在内容区域 | 无  （具体长啥样，大家可以去试试，其实我也没试）

        2，background-origin： border-box | padding-box | content-box  以边框 | 内补白 | 内容盒子为原点开始计算background-position

        3，background-size：contain | cover | 指定大小或百分比

        缩小图片来适应图片的尺寸 |  扩展图片来填满元素 | 指定图片大小

先说那么多，其实我只是用到了基础属性和background-size，感觉很方便，能够解决一些问题，如定位图标，就可以省去使用position定位。

竟然忘记记录博主的网址了    http://www.chinaz.com/design/2009/0918/92150.shtml点击打开链接