使用background和background-color指定背景色之间的区别是什么?
片段# 1
body { background-color: blue; }
段# 2
body { background: blue; }
当前回答
我发现你不能用background-color设置渐变。
如此:
background:linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1));
这不是:
background-color:linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1));
其他回答
假设这是两个不同的属性，在您的特定示例中，结果没有区别，因为background实际上是
背景颜色 背景图像 背景位置 平铺方式 background-attachment background-clip background-origin background-size
因此，除了background-color，使用背景简写，你还可以添加一个或多个值，而不用重复任何其他background-*属性。
选择哪一个本质上取决于你，但也可能取决于你的样式声明的特定条件(例如，如果你从父元素继承其他相关的background-*属性时只需要覆盖background-color，或者如果你需要删除除background-color之外的所有值)。
有一个关于背景和背景颜色的错误
这个的区别， 当使用后台时，有时当你创建网页时 在CSS中 background: #fff //可以覆盖蒙版图像块(“顶部项目，文本或图像”)) 所以最好总是使用背景色 为了安全起见，在你的设计中，如果它是单独的
这是最好的答案。速记(背景)是为了重置和干燥(与手写结合)。
背景将取代所有以前的背景颜色，背景图像等规格。这基本上是一种速记，但也是一种重置。
我有时会用它来覆盖以前的模板定制的背景规范，在那里我想要以下:
背景:白色url(images/image1.jpg)左上角重复;
以下是:
背景:黑色;
因此，所有参数(background-image, background-position, background-repeat)将重置为默认值。
其中一个区别是:
如果你以这种方式使用图像作为背景:
background: url('Image Path') no-repeat;
然后你不能用"background-color"属性覆盖它。
但是如果你使用背景来应用颜色，它和background-color是一样的，并且可以被覆盖。
例如:http://jsfiddle.net/Z57Za/11/和http://jsfiddle.net/Z57Za/12/
