css中background属性连写/简写/缩写的规则顺序

css中background属性连写/简写/缩写的规则顺序:没有固定的规则顺序,只要包含background属性的值即可,举例如下:

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center;

#ff0000给背景指定了一个颜色值。

url(/i/eg_bg_03.gif)给背景指定了一个背景图片的地址。

no-repeat设置了背景图片不要重复。

fixed设置了背景图片不会随页面滚动而移动。

center设置了背景图片在水平和垂直的居中位置。

如果不是连写/简写/缩写时,上例中的详细写法是这样的:

background-color: #ff0000;

background-image: url(/i/eg_bg_03.gif);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

很明显,background属性在连写/简写/缩写时,代码更少,更清晰明了。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/css/8088.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手