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属性在连写/简写/缩写时,代码更少,更清晰明了。

转载时需注明来源!首发网站:如乐建站之家;原文网址:
https://www.rulejianzhan.com/css/8088.html
如乐建站之家创始人——范如乐:

如乐建站之家创始人范如乐      【如乐建站之家】由范如乐于2013年创建至今,立志于解决新手不会快速自己建网站的痛苦,让你也能零基础快速学会自己建网站!详细教程点击下图:




热门文章: