html - CSS 背景属性使用

Question

最近看到一篇教程，介绍如何将psd网页模板转成html模板。在该教程中，我发现我无法理解一行:

body {
    background:#59d3fa url(img/body_bg.jpg) repeat-x 0 0;
}

在这段代码中，我不知道行尾的两个零 0 0 代表什么。我不能问这个教程的作者，因为它是一个非常古老的教程并且评论被关闭了。我在互联网上的任何地方都找不到这样的问题，所以我在 w3schools 网站上引用了背景属性，但无法确定末尾的零代表什么。请告诉我这些是什么意思。

如果你认为这是一个愚蠢的问题那么请不要提示我，因为虽然我对 CSS 不是完全陌生，但我缺乏实践。

Answer 1

这些 0 值分别表示从文档左侧和顶部开始的位置。将其视为 position: absolute; 元等价于 background 属性。

方便地，Mozilla Developer Network article CSS 简写使用 background 属性作为示例。您可以使用 JSFiddle example 轻松地进行实际测试.

请注意，对于非零值，您不能使用裸数字。也就是说，您必须包含 %、px、em 或 rem。