有些属性可以进行简写,因此他们的许多同类属性的值可以写在一起作为一个统一的属性。
例如,font-style, font-variant, font-weight, font-size, line-height和font-family这些属性可以统一作为一个font属性的值。
h2
{
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 80%;
line-height: 120%;
font-family: arial, helvetica, sans-serif;
}
h2 { font: italic small-caps bold 80%/120% arial, helvetica, sans-serif; }
简写属性也可以应用于margin和padding属性。如果所有侧边的属性值不同,简写同样可以使用。每一个值的顺序是非常重要的。值的顺序是,上,有,下和左 - 顺时针,以上为开始。例如第一个规则集可以简写为:
p
{
padding-top: 1em;
padding-right: 2em;
padding-bottom: 3em;
padding-left: 4em;
}
p { padding: 1em 2em 3em 4em; }
你可以为一个简写声明里赋一到四个值。例如,下面的规则将应用于元素的所有侧边:
p { padding: 1em; }
下面的规则将元素内部的上边距和下边距设为1em,元素内部的左边距和右边距设为2em。
p { padding: 1em 2em; }
下面的规则将元素内部的上边距设为1em,左右边距设为2em,下边距设为3em。
p { padding: 1em 2em 3em; }
下面的规则将元素内部的上边距设为1em,右边距设为2em,下边距设为3em,左边距设为4em。
p { padding: 1em 2em 3em 4em; }
浏览器所支持的简写规则不尽相同。对于具体的支持一览表,请参见Stylemaster - CSS compatibilty Chart。
其他的Max Design 文章和演讲