Question

我在教自己编写代码时正在完成作业。

p.important {
  font-size: 1.5em;
  font-weight: 900;
}

<p class="important">Warning: We have no slow lorises here.</p>

这应该将字体大小更改为150％并加粗...但它不起作用。我的代码中的其他所有内容都以我想要的方式运行。但我不能让这个工作。我错过了什么吗？

Answer 1

它显示了什么？您的代码看起来正确。你的风格定义是否在html的头部？确保它看起来像这样

＆＃13;

<head>
    <style>
        p.important {
          font-size: 1.5em;
          font-weight: 900;
        }
    </style>
</head>
<body>
  <p class="important">Warning: We have no slow lorises here.</p>
</body>

＆＃13;

Answer 2

如果您还没有 - 您可能需要指定起始字体大小。

当您开始新的CSS时，您应该将body和html设置为font-size:100%;。这将确保您的所有文本都将从16px开始。然后，当您希望文本为32px时，只需将元素的字体大小设置为2em;

body, html {
    font-size:100%; //Sets default font size to 16px;
}
p.important {
    font-size:1.5em; //Is relative from the closest parent with a font-size 1.5*16 = 24px
}

Answer 3

font-weight: bold;

你可以尝试一下。请记住，只是调用类p.important不会使它覆盖具有更高分数的继承类/ id。

你可以试试......

p.important {
  font-size: 1.5em !important;
  font-weight: 900 !important;
}

......看看你是否可以让它完全发挥作用。

超级基本的HTML / CSS格式

3 个答案: