最近我看到了一个关于如何将psd web模板转换为html模板的教程。在那个教程中,我发现我无法理解一句话:
body {
background:#59d3fa url(img/body_bg.jpg) repeat-x 0 0;
}
在这段代码中,我不知道该行末尾的两个零0 0
代表什么。我不能问这个教程的作者,因为它是一个非常古老的教程,评论已经关闭。我无法在互联网上找到这样的问题所以我在w3schools网站上引用了背景属性,但无法确定最终的零代表什么。请告诉我这些意思。
如果您认为这是一个愚蠢的问题,请不要抱怨我,因为虽然我不是全新的CSS,但我缺乏练习。
答案 0 :(得分:2)
这些0
值分别代表文档左侧和顶部的位置。可以将其视为position: absolute;
属性的background
元等价物。
方便的是,CSS上的Mozilla Developer Network article简写使用background
属性作为示例。您可以使用 JSFiddle example 轻松测试此操作。
请注意,对于非零值,您不能使用裸号。也就是说,您必须包含%
,px
,em
或rem
。