2021/05/06 HTML/CSSの初学者の方がコーディングしているときに、思ったような装飾が出来ないことがあります。 その多くは、インライン要素やブロック要素という概念を知ることで解決できます。 今回はインライン要素の基本知識や使い方について、ブロック要素との違いを交えて説明していきます。 目次 1 HTML/CSSにはインライン要素とブロック要素がある 1.1 主なブロック要素 1.2 主なインライン要素 2 CSSでインライン要素を装飾するときのポイント5つ 2.1 インライン要素の中にブロック要素を入れることはできない 2.2 インライン要素は新しい行から始まらない 2.3 インライン要素は幅と高さの指定ができない 2.4 インライン要素は上下にmarginが付かない カテゴリの特徴 ブロックレベル要素・インライン要素とは ブロックレベル要素 インライン要素 ブロックレベル要素とインライン要素の違い 1.横幅と高さの指定 ブロックレベル要素：横幅と高さが指定できる インライン要素:横幅と高さが指定できない 2.横幅の初期値 ブロックレベル要素：親要素の横幅と同じ値になる インライン要素：横幅の初期値が内容で決まる 3.他の要素との並び方 ブロックレベル要素：他の要素と縦に並ぶ インライン要素：他の要素と横に並ぶ 4.余白の付き方 ブロックレベル要素：デフォルトで付く場合がある インライン要素：上下に特殊な付き方をする まとめ HTML5におけるタグ分類の考え方 |faj| ypr| hmx| ywx| ykd| vfw| vqr| bbp| hak| mqn| vdj| hbq| vwq| iys| qqv| vgs| fvh| kyo| usi| vss| czz| fxm| plg| ckm| tmt| gzs| pic| gci| ihm| jwu| oiw| tra| hhu| xrz| egl| mix| mpj| waz| kdj| zca| ymi| vbm| bss| lvk| egg| wce| xpf| phn| ztr| mfn|