如您所知，我们可以在 css 中使用速记属性。但我发现属性值的顺序很重要。
'边框：1px红色实心；' 等于'border: 1px solid red;'
但是'font:italic bold 12px/20px'不等于'font:italic 12px/20px bold;'
我仔细阅读了手册，但找不到任何关于属性值顺序的内容；
问问题
402 次
4 回答
2
这是一个很好的备忘单，可以帮助您记住：http ://www.land-of-web.com/freebies/css-shorthand-property-cheat-sheet.html
于 2012-10-01T13:02:18.657 回答
1
订单的相关性是在每个属性的基础上定义的。例如，速记的描述font使用以下语法：
[ [ <'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 属性定义部分。它说，除其他外：
- 几个并列的词意味着它们都必须按照给定的顺序出现。
- 竖线 (|) 分隔两个或多个备选方案：其中一个必须出现。
- 双杠 (||) 分隔两个或多个选项：它们中的一个或多个必须以任意顺序出现。
所以我们可以读到字体样式、字体变体和字体粗细可以以任何顺序出现，并且它们都是可以省略的，但如果出现，它们必须在字体大小和字体系列之前，它们都是必需的，并且必须按该顺序出现。
幸运的是，大多数属性都比较简单。大多数情况下，值中项目的顺序并不重要，因为设计可以从格式推断项目的角色。而且您永远不需要font速记：您可以随时记下各个字体属性。
于 2012-10-01T14:49:40.780 回答
0
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
这是命令。
于 2012-10-01T13:02:56.367 回答
0
这是字体速记的一个很好的参考：https : //www.sitepoint.com/introduction-css-shorthand/ - 整个站点点参考实际上非常好。
于 2012-10-01T13:05:41.683 回答