背景：VS背景颜色。有什么不同？ [复制]

Question

Background-color:rgb 按我的预期工作，但 background:rgb 填满了整个 div。我看过的每个教程都告诉我，这两个基本上是一样的，只是速记可以有更多的属性。

观看此视频以供参考。 https://www.youtube.com/watch?v=10Q5D8kUMQo

Answer 1

background 是以下属性的简写：

 - background-color
 - background-image
 - background-repeat
 - background-attachment
 - background-position

您可以详细了解每个属性here

属性顺序

在大多数浏览器实现中（我认为可能较旧的浏览器可能会出现问题），属性的顺序并不重要，除了：

• background-origin 和background-clip：当这两个属性都存在时，第一个引用-origin，第二个引用-clip。

  例子：

  background: content-box green padding-box;
  

  相当于：

  background-origin: content-box;
  background-color: green;
  background-clip: padding-box;
  

• background-size 必须始终跟在background-position 之后，并且属性必须用/ 分隔

• 如果background-position由两个数字组成，第一个是水平值，第二个是垂直值。