如何在CSS中结合使用粗体和斜体？

Question

这个W3Schools教程教我如何使用CSS font-style属性使文本变粗(相当于<b&g>this</b>旧式HTML)以及如何使文本斜体(相当于<i>this</i>旧式HTML).

但是,我似乎无法在任何地方找到如何使文本同时具有这两个属性(相当于<b><i>this</i></b>旧式HTML).

有没有办法使用纯CSS做到这一点？

我试过这个:

font-style: italic bold;

结果是页面忽略了这两个属性,就好像我从来没有指定过这个属性.

当我尝试这个时,我得到了相同的结果:

font-style: italic, bold;

我尝试这个时得到了不同的结果:

font-style: italic; bold;

这一次,发生的事情是它使用了第一种给定的样式(斜体)但忽略了第二种(粗体).

这可以用纯css完成吗？

Answer 1

你很亲密

italic与font-style粗体一起使用时使用font-weight.

使用:

font-weight: bold;
font-style: italic;

Answer 2

font-style是单值属性。bold无论如何，是字体粗细。要组合多个值，您可以使用速记font属性。但是，font速记需要输入：font-size和font-family。如果您在速记中不包含这两者，则该属性将被忽略。

将这些包含在您的font速记中italic bold，它应该可以工作。