CSS背景属性使用
问题描述:
最近我看到了一个关于如何将psd网页模板转换为html模板的教程。在此教程中,我发现,我无法理解的行:CSS背景属性使用
body {
background:#59d3fa url(img/body_bg.jpg) repeat-x 0 0;
}
在这一段代码,我不知道这两个零0 0
在该行的末尾代表什么。我不能问这个教程的作者,因为这是一个非常古老的教程,并且评论被关闭。我无法在任何地方在互联网上找到这样的问题,所以我引用了w3schools网站的背景资产,但无法确定最终的零代表什么。请告诉我这些是什么意思。
如果你认为这是一个愚蠢的问题,那么请不要埋怨我,因为虽然我不完全新的CSS,我缺乏实践。
答
这些0
值表示的位置从左边和从顶部,分别的文件。把它看作background
属性的position: absolute;
meta-equivalent。
便捷地,CSS简写的Mozilla Developer Network article使用background
属性作为示例。您可以使用JSFiddle example轻松测试此操作。
请注意,对于非零值,您不能拥有裸数字。也就是说,您必须包含%
,px
,em
或rem
。
阅读,你更聪明:https://developer.mozilla.org/en-US/docs/Web/CSS/background – aldanux 2014-09-02 14:29:57