css属性值的顺序

Published: 02 Sep 2013

1:font顺序

对font的定义参数必须按照如下的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值:

font : font-style || font-variant || font-weight || font-size || line-height || font-family

例子:

p { font: italic small-caps 600 12pts/18pts 宋体; }

自己记时:风变浓大名

2:background的顺序

这个属性是设置背景相关属性的一种快捷的综合写法, 包括background-color, background-image, background-repeat, backgroundattachment, background-position。

body {background:#99FF00 url(../images/css_tutorials/background.jpg) no-repeat fixed 40px 100px}

发现background-color必须放最前面,其他的顺序哪个前哪个后就没关系了

3:border顺序

它包含border-width, border-style和border-color。例句如下:

.d1 {border:5px solid gray;}

它的顺序没有规则

4:margin顺序

这个属性是设定边距宽度的一个快捷的综合写法,用这个属性可以同时设定上下左右边距属性。 你可以为上下左右边距设置相同的宽度。示例入下 :

.d1 {margin:1cm}

你也可以分别设置边距,顺序是上,右 ,下,左。示例如下:

.d1 {margin :1cm 2cm 3cm 4cm}