css - 如何将 CSS 属性分配给备用标签

Question

我正在尝试更改备用标签的字体系列。我在我的 css 文件中创建了以下部分 -

.instruction {
    color: brown;
    font: verdana;
}

并分配到一边，类=指令。但它不起作用。我也尝试在 CSS 中使用 side 作为元素来分配属性，如 asign {property: value;}，但没有效果。

但是如果我只使用颜色属性，那么它就可以工作。那么将字体系列和相关属性分配给备用标签有什么问题吗？我正在使用 Chrome 28。

Answer 1

使用font-family: verdana;而不是font: verdana使用font速记属性时，请注意以下顺序：

1. font-style
2. font-variant
3. font-weight
4. font-size/line-height
5. font-family

而且你不能在速记方法中只应用一个值。对于字体，它应该至少有两个值，例如。font-siz和font-family

图片来源

Answer 2

使用font速记时，您必须至少指定afont-family和 a font-size- 而不仅仅是一个或另一个 - 使用系统字体时例外 - 例如font: menu;

另请注意，该font-family属性必须出现在font-size.

.instruction {
    color: brown;
    font: 1em verdana;
}

http://jsfiddle.net/GRBRU/

Answer 3

任何一个

{
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
}

或者：

{
  font: 13px bold Verdana;
}