Question

如您所知，我们可以在css中使用速记属性。但我发现财产价值的顺序很重要。

'边框：1px红色实心;'等于'border：1px solid red;'

但是'font：italic bold 12px / 20px' not 等于'font：italic 12px / 20px bold;'

我仔细阅读了手册，但找不到任何有关财产价值顺序的信息;

Answer 1

这是一个很好的备忘单，可以帮助你记住：http://www.land-of-web.com/freebies/css-shorthand-property-cheat-sheet.html

Answer 2

订单的相关性是基于每个房产定义的。例如，description of the font shorthand使用以下语法：

[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'>
[ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box |
 small-caption | status-bar | inherit

这看起来有点混乱，但使用的元变形的关键在于1.4.2 CSS property definitions部分。它说，除其他外：

几个并列的词意味着所有这些词都必须以给定的顺序出现。
一个条形（|）将两个或多个替代品分开：恰好其中一个必须出现。
双栏（||）分隔两个或多个选项：必须以任何顺序出现其中一个或多个选项。

因此我们可以看到字体样式，字体变体和字体粗细可能以任何顺序出现，并且它们都是可以省略的，但如果存在，它们必须在字体大小和字体系列之前，这两者都是必需的并且必须出现在那个命令。

幸运的是，大多数房产都比较简单。由于设计可以从格式推断项目的角色，因此大多数值中项目的顺序并不重要。而且你不需要font简写：你总是可以写下单独的字体属性。

Answer 3

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

将是：

font: bold italic small-caps 1em/1.5em verdana,sans-serif

这是订单。

Answer 4

这是字体简写的一个很好的参考：http://reference.sitepoint.com/css/font - 整个sitepoint参考实际上非常好。

CSS速记属性的顺序

4 个答案: