CSS背景重载

Question

我想了解别人的CSS >> HERE <<。

基本上，他已经确定了background元素与此语法：

background: url('bars.gif') 0 -50px no-repeat; 

我的形象是不同的大小比他的，所以我试图调整我的代码，以适应我的形象。然而，在CSS Background W3Schools的信息表明，该格式应使用：

background: #ffffff url('img_tree.png') no-repeat right top; 

哪里是为background过载信息位于何处？

Answer 1

好问题。

简短的回答：的顺序是不相关的最终产品。

背景为五个不同的性质的简写。

• 背景色（＃，然后按数字或命名颜色）
• 背景图片（URL（ 'URL放在这里'））
• 了background-repeat（重复，重复 - X .. 。）
• 背景附件（固定，滚动）
• 背景位置（位置，百分比或像素）

注意，每个选项包含一个独特的格式。这允许渲染器在不依赖特定顺序的情况下理解声明。另外，任何未指定的参数都被设置为默认值。

W3Schools的建议，以减少对开发者的认知负荷（这显然并没有在这种情况下工作）的格式。我建议你坚持W3的建议，希望在将来避免这种混淆。