CSS中的font合成属性的应用问题？

Question

font合成属性可以用来作为font-style,font-weight,font-height;font-family属性的合成
font:[<font-style>||<font-variant>||<font-weight>]?<font-size>[/<line-height>]?<font-family>
eg:font:italic bold 20px/1.5 Arial,"微软雅黑";
实际编程练习中遇到的问题：
题目要求font属性用简写方式写：文字加粗，样式是斜体，字体变形，运行如下图：

出现错误，所以必须就是要有一个完整的后面的行高和字体类型都必须设置才可以吗？但是有些题目没有行高和字体的要求，这种情况应该怎么办？
成功的代码：

还有请问就是把颜色可以合成到font合成属性的这个中吗？

Answer 1

这块内容直接看 font 属性的文档就可以知道了 👉 https://developer.mozilla.org/zh-CN/docs/Web/CSS/font

If font is specified as a shorthand for several font-related properties, then:
如果 font 指定为多个字体相关属性的简写，则：

it must include values for:
必须包含以下值：

• <font-size>
• <font-family>

---

如果单纯要求设置文字 加粗 和 斜体，单独书写对应的CSS属性即可

p {
    font-weight: bold;
    font-style: italic;
}

Answer 2

关于 font 属性的话，在 CSS 的手册文档里有很明确的说明了

所以，报错的原因也很简单，缺少 font-size 和 font-family 这两个属性。

而你的题目没有要求设置这个，那么就分开写，不要写 font 属性，而是把每个属性单独列出来。

然后就是那个颜色是不是可以合成到 font 中，这个问题在文档中也描述了，并没有说文字颜色可以放到这个里面。如果你不想在当前标签里写 color，那就不要写了，颜色是可以继承父级元素的颜色，就写到父级元素中去吧。O(∩_∩)O哈哈~