css - CSSで、h1とh2のフォントサイズをどのように変更しますか

Question

一言で言えば、21のテーマを押します。次のようにh1タグとh2タグの周りに見出しをラップするときに見出しのサイズを変更したい

<h1>My h1 heading </h1> 
<h2> My h2 heading </h2>

私が使用しているテーマの見出しのフォントサイズは、太字であることを除いて、コンテンツのフォントとほぼ同じです。ですから、私の見出しはあまり目立ちません。

私はcssファイルの何かを変更する必要があると思います。正確に何を入れる必要があるかを教えてください。

ありがとう、

score 45 · Accepted Answer

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

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

white色の後に、単語（eg ）、16進コード（eg #fff）、RGB（eg rgb(255,255,255)）、またはRGBA（eg ）を使用できることに注意してくださいrgba(255,255,255,0.3)。

score 14 · Accepted Answer

14

 h1 { font-size: 150%; }
 h2 { font-size: 120%; }

必要に応じて調整します。

于 2012-05-20T10:23:47.883 に答える

score 6 · Accepted Answer

何を試しましたか？これは機能するはずです。

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

score 1 · Accepted Answer

特にヘッダーを変更したい場合、これははるかに簡単な解決策です

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

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

score 0 · Accepted Answer

フォントサイズのみを変更すると、小さいデバイスタイプではテキストが交差する場合があります。

<style>
.heading-1{
  font-size: 350%!important;
}
</style>

<h1 class="heading-1">
  Get in Touch
</h1>

応答性を高めるために、線の高さも微調整することを検討してください。

<style>
.heading-1{
  font-size: 350%!important;
  line-height: 120%!important;
}
</style>

<h1 class="heading-1">
  Get in Touch
</h1>

5 に答える 5