属性简写

有些属性可以进行简写,因此他们的许多同类属性的值可以写在一起作为一个统一的属性。

例如,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

CSS 注释 »

其他的Max Design 文章和演讲
相关链接 webstandardsgroup.org