🍣

CSS

2024/01/23に公開

はじめに

PF作成も終盤に差し掛かりレイアウトを整えるのに大部分の時間を割いています。
しかし、１ヶ月目以降まともに触っていなかったため全然わからず進むのに戸惑っている状況です。
こんな中心優しいメンターさんにinline blockについて教わったのでこれを機にまとめていきたいと思います。

まずdisplayについて説明したいと思います。
displayとはプロパティの１つで要素の表示形式を決まるものです。

↓セレクタ
body{
  color: gray;　⇦値
  ↑プロパティ
}

displayに対する値として、まず次の4つを覚えましょう。

pタグはblock」「aタグはinline」というようにタグごとにdisplayプロパティの初期値が決まっています。
ほとんどのタグはblockもしくはinlineが初期値となっています。

↑参考にした記事です。