使用background和background-color指定背景色之间的区别是什么?
片段# 1
body { background-color: blue; }
段# 2
body { background: blue; }
当前回答
我注意到，当为Outlook生成电子邮件时……
/*works*/
background: gray;
/*does not work*/
background-color: gray;
其他回答
我注意到在文档中没有看到的一件事是使用 背景:url(“image.png”)
像上面这样的简写，如果图像没有找到，它会发送一个302代码，而不是像你使用的那样被忽略
background-image: url("image.png")
这是最好的答案。速记(背景)是为了重置和干燥(与手写结合)。
没有区别。两者将以同样的方式工作。
CSS背景属性用于定义背景效果 一个元素。 用于背景效果的CSS属性: 背景颜色 背景图像 平铺方式 background-attachment 背景位置
Background属性包括所有这些属性，您可以将它们写在一行中。
背景将取代所有以前的背景颜色，背景图像等规格。这基本上是一种速记，但也是一种重置。
我有时会用它来覆盖以前的模板定制的背景规范，在那里我想要以下:
背景:白色url(images/image1.jpg)左上角重复;
以下是:
背景:黑色;
因此，所有参数(background-image, background-position, background-repeat)将重置为默认值。
关于CSS性能:
背景vs Background -color:
比较18个色块在一个页面上渲染100次的小 矩形，一次带有背景，一次带有background-color。
While these numbers are from a single page reload, with subsequent refreshes the render times changed, but the percent difference was basically the same every time. That's a savings of almost 42.6ms, almost twice as fast, when using background instead of background-color in Safari 7.0.1. Chrome 33 appears to be about the same. This honestly blew me away because for the longest time for two reasons: I usually always argue for explicitness in CSS properties, especially with backgrounds because it can adversely affect specificity down the road. I thought that when a browser sees background: #000;, they really see background: #000 none no-repeat top center;. I don't have a link to a resource here, but I recall reading this somewhere.
参考:https://github.com/mdo/css-perf#background-vs-background-color
