CSS的background特性的缩写次序详细介绍

日期:2020-09-22 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

background 特性是background-color,background-image,background-position,background-attachment,background-repeat,这5个特性的缩写,优势是比单独特性撰写要简易,要少写许多编码。便是有时让人在撰写这5个特性的次序上一些困扰。下面1段编码取自搜狐:

拷贝编码
编码以下:

.bBot{background:url(../images20130624/bg.png) no-repeat ⑴424px ⑸px;overflow:hidden;height:1px;clear:both;font-size:0px; overflow:hidden;}
.cBot{background:url(../images20130624/sohubg01.png) 0 ⑴81px repeat-x;width:758px;height:6px;clear:both;font-size:1px;margin:0 auto;}

.bBot 挑选器的background特性的次序是background-image,background-repeat,backgroundf-position。(background-repeat在前,backgroundf-position在后)

.cBot 挑选器的background特性的次序是background-image,background-position,background-repeat。(background-position在前,background-repeat在后)

便是同1个企业的CSS的设计风格撰写都不1样的,感觉有点不可该。

那就让大家看看CSS的background特性的官方界定:

Value: ['background-color'> ||<'background-image'> || <'background-repeat'>|| <'background-attachment'> ||<'background-position'>] | inherit
Initial: see individual properties
Applies to: all elements
Inherited: no
Percentages: allowed on 'background-position'
Media: visual
Computed value: see individual properties

上面报表的內容只是界定的background特性的值包括那些內容,但并沒有特定这些值的次序(但是能够觉得这是提议次序,假如都这样做,编码可读性更好)。

总结:

background特性的值的撰写次序官方并沒有强制性规范的。
以便可读性,定1个CSS撰写标准,标准2.1:background的值的次序是background-color,background-image,background-repeat,background-attachment,background-position。