html - 需要了解 CSS3 背景速记属性

Question

我试图理解以下 CSS3 背景速记属性，需要将其分解为单个属性。我无法弄清楚值的实际属性98%和center下面的速记属性

background: url(../images/icon-error-small.png) no-repeat scroll 98% center #FFFFFF

Answer 1

崩溃就像

background: url(../images/icon-error-small.png)- 图片网址

no-repeat- 背景重复

scroll- 背景附件

98% center- 背景位置（X-98%，Y 中心）

#FFFFFF- 回退颜色

Answer 2

背景属性的简写符号：

background:  [background-image] [background-repeat] [background-attachment]  [background-position] [background-color];

断裂时：

background-image: url(../images/icon-error-small.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 98% center;
background-color: #FFFFFF;

Answer 3

当你有这样的问题时，最好的选择是直接找到源头。它甚至有一个速记部分，我相信它会回答你的问题，并帮助你理解速记和 CSS3 的其他方面，这些方面可能会让你感到困惑。

http://www.w3.org/TR/css3-background/

 <bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2}