南强小屋 Design By 杰米
background 属性是background-color，background-image，background-position，background-attachment，background-repeat，这五个属性的缩写，优点是比单个属性书写要简单，要少写很多代码。就是有时令人在书写这五个属性的顺序上有些困扰。下面一段代码取自搜狐：
复制代码代码如下:
.bBot{background:url(../images20130624/bg.png) no-repeat -1424px -5px;overflow:hidden;height:1px;clear:both;font-size:0px; overflow:hidden;}
.cBot{background:url(../images20130624/sohubg01.png) 0 -181px 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在后）
就是同一个公司的CSS的风格书写都不一样的，觉得有点不应该。
那就让我们看看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属性的值的书写顺序官方并没有强制标准的。
为了可读性，定一个CSS书写规范，规则2.1：background的值的顺序是background-color，background-image，background-repeat，background-attachment，background-position。
复制代码代码如下:
.bBot{background:url(../images20130624/bg.png) no-repeat -1424px -5px;overflow:hidden;height:1px;clear:both;font-size:0px; overflow:hidden;}
.cBot{background:url(../images20130624/sohubg01.png) 0 -181px 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在后）
就是同一个公司的CSS的风格书写都不一样的，觉得有点不应该。
那就让我们看看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属性的值的书写顺序官方并没有强制标准的。
为了可读性，定一个CSS书写规范，规则2.1：background的值的顺序是background-color，background-image，background-repeat，background-attachment，background-position。
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无CSS的background属性的缩写顺序介绍的评论...