在CSS中,如何更改h1和h2的字体大小

在CSS中,如何更改h1和h2的字体大小,css,Css,一言以蔽之,请按“二十一”主题。我想更改标题的大小 当我将标题环绕在h1和h2标记周围时,如下所示 <h1>My h1 heading </h1> <h2> My h2 heading </h2> 我的h1标题 我的h2标题 我使用的主题标题的字体大小几乎与内容的字体相同,只是它们是粗体的。所以我的标题不是很突出 我想我需要更改css文件中的某些内容。请告知具体需要投入什么 谢谢 h1 { font-weight: bold; col

一言以蔽之,请按“二十一”主题。我想更改标题的大小 当我将标题环绕在h1和h2标记周围时,如下所示

<h1>My h1 heading </h1> 
<h2> My h2 heading </h2>
我的h1标题
我的h2标题
我使用的主题标题的字体大小几乎与内容的字体相同,只是它们是粗体的。所以我的标题不是很突出

我想我需要更改css文件中的某些内容。请告知具体需要投入什么

谢谢

h1 {
  font-weight: bold;
  color: #fff;
  font-size: 32px;
}

h2 {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
}

请注意,在使用颜色后,您可以使用单词(例如白色)、十六进制代码(例如fff)或RGB(例如RGB(255255255))或RGBA(例如RGBA(255255,0.3))。

您尝试过什么?这应该行得通

h1 { font-size: 20pt; }
h2 { font-size: 16pt; }

根据需要进行调整。

如果您想特别更改标题,这是一个更简单的解决方案

<style>
    h1.increase {
       font-size: 15px;
}
</style>

<h1 class="increase">Header</h1>

h1.增加{
字体大小:15px;
}
标题

可能看起来很明显,但请确保您正在查看的容器中没有定义字体大小的其他容器。:)还要确保没有人使用过!在其他CSS文件中很重要。我在这里结束(这个问题),因为我试图改变一个特定页面上h2的大小,但它没有改变。我开始觉得我疯了,用了错误的语法什么的。我最终发现是别人设定了h2的尺寸!重要的是更进一步的上游。啊。永远不要使用“!important”…在某些情况下,您还可以更改h1或h2标记的字体大小,直接在html中设置样式参数,如
My h1 heading
,并让其他标题由.css文件设置
<style>
    h1.increase {
       font-size: 15px;
}
</style>

<h1 class="increase">Header</h1>