时间戳

首页 > 解决方案 > 背景：VS背景颜色。有什么不同？

css - 背景：VS背景颜色。有什么不同？

问题描述

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

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

标签： css

解决方案

background是以下内容的简写属性：

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

您可以在此处查看每个属性的详细信息

属性顺序

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

  • 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由两个数字组成，第一个是水平值，第二个是垂直值。

推荐阅读