CSS

見出しのスタイルを整えよう

見出しに設定されているスタイルを確認したのちに、CSSで上書きをしていきます。

  • 要素の検証
  • 見出しのスタイリング

要素の検証

・見出しのスタイリング方法についてみていく前に今どういう状態になっているかを確認していきましょう。確認方法はディベロッパーツールを使うと楽です

・スタイリングしたい文字にカーソルを持っていき右クリックから検証と進んでいくとデベロッパーツールの画面を出すことができます。

見出しのスタイリング

・今の状態は上下に余白があるのと文字の太さ、大きさを変えたいのでそのへんをいじって行きたいと思います。

・文字の太さはfont-weight,文字の大きさはfont-sizeのプロパティを使えば変えることができるのでそれぞれ太さに関してはfont-weight: normal;と指定し、大きさについてはfont-size: 24px;と指定していきます。

余白に関してもmerginが指定されていたので0にしてあげれば余計な余白はなくなります。 margin: 0px;と指定してみましょう。

ー広告ー

 

 






-CSS