css常用属性总结：背景background下篇

前言：这段时间天天加班到10:30之后，简直是x了。

在上一篇文章中，分别解析了background各个属性的用法和注意细节。如果我们在项目上使用背景效果，如果使用下面的写法，你可能抓狂。

body{background-color:#ccc;background-image:url(bg123.gif);background-repeat:no-repeat;background-position:50% 50%;}

这样就会得到自己想要的背景效果，但是如果每次都这么写，那就太坑爹了，其实background也是有简写的写法的。我们来看看简写的写法。

还是上面的效果，但是改成了:

body{background:#ccc url(bg123.gif) no-repeat 50% 50%;}

合并后的写法是不是很简洁，以前看过关于如何写出优雅的css代码相关的博文，其中有一条就是关于复合属性尽量使用简写。这里我就写一下关于自己的

使用心得：

1.使用background时，url（）里面的路径不要用引号括起来，为什么勒？减小了css代码。

2.关于background的缺省值的细节。很多复合属性都有这一个现象。今天就先说说background的缺省值的问题。

body{background:#ccc url(bg123.gif) no-repeat 50% 50%;} body有了背景图像。如果在某些场景下需要用js来改变background的某些值时，于是写下代码

$('body').css('background','red'),一看效果，背景颜色是有了，但是背景图像没了，因为后面的属性覆盖了前面的属性声明。你得这么写

$('body').css('background-color','red'),这样就只是修改了背景颜色，其他的背景属性并没有被修改。这里算一个注意的地方吧。

文章写的不好，还请大家见谅。困了，累了，喝xxx！