了解CSS背景简写属性

的CSS背景属性的缩写定义如下：了解CSS背景简写属性

background: color position/size repeat origin clip attachment image|initial|inherit;

但后来我发现下面的例子：

body { 
    background: #00ff00 url('smiley.gif') no-repeat fixed center; 
}

所以这里的顺序是：颜色-image-repeat-attachment-position

此订单可以更改吗？

2014-08-29 JMan

简写属性尽量不强制特定值的特定顺序，但是，如果这些特性具有不同类型的值，但不是这些特性可能具有相同的值时，则可以使用这种特性。

背景速记属性具有不同类型的值，因此值的顺序不应导致错误，但是您应该坚持标准顺序以保持良好的可读性。

这里是mozilla的开发中心关于速记属性的手册，我在第3点的'Tricky Edge Cases'下可以看到我引用的命令。

2014-08-29 07:50:02 Vishu

当使用速记属性的属性值的顺序是：

`background: color image repeat attachment position`

即使缺少一些值也没关系，什么事是在这些存在的顺序

2014-08-29 07:29:03 sanjeev

回答