HTML タグ (要素) は、ブロックレベル要素とインライン要素 (インライン要素とも呼ばれます) の 2 つのカテゴリに分類できます。
1. インライン要素(インライン)
1.インライン要素の概念
インライン要素 (HTML 仕様における概念) 英語: inline 要素。中国語名は数多くあります。インライン要素、インライン要素、インライン要素、インライン要素などです。基本的に統一された訳はありません。さらに、インライン要素に関しては、通常、関連する属性は display:inline です。この属性は、有名な IE の二重浮動境界線の問題を解決できます。
2.インライン要素の特徴
① 隣接するインライン要素と同じ行上にある。
②幅(width)、高さ(height)、内側余白の上下(padding-top/padding-bottom)、外側余白の上下(margin-top/margin-bottom)は変更できません。
③幅は文字や画像の幅であり変更できません。
④インライン要素はテキストまたは他のインライン要素のみを収容できます
インライン要素を使用する場合は、次の点に注意する必要があります。
• 幅 width の設定が無効です。
• 高さの設定は無効ですが、行の高さは line-height を通じて設定できます。
• マージンを設定できますが、上下のマージンではなく、左右のマージンに対してのみ有効です。
• パディング内側マージンを設定すると、左右のパディングのみが有効になり、上下のパディングは無効になります。要素の範囲は広がりますが、要素の周囲の内容には影響しません。 ;
• 表示属性を使用して、要素をインライン要素とブロックレベル要素の間で切り替えることができます。
3. HTML タグ内の一般的なインライン要素
2. ブロックレベルの要素(ブロック)
1. ブロックレベル要素の概念
ブロック要素 (block 要素) およびそれに対応するインライン要素 (inline 要素) は、HTML 仕様における概念です。ブロック要素とインライン要素の基本的な違いは、ブロック要素は通常新しい行で始まり、隣接するブロックレベルの要素は別の行に表示されることです。
2. ブロックレベル要素の特徴
①常に 1 行を占めます。これは別の行から開始することを意味し、後続の要素も別の行に表示する必要があります。
② 幅、高さ、パディング、マージンをすべて制御できます。
③ブロックレベル要素の幅が省略された場合、その幅はデフォルトで現在のブラウザウィンドウの幅になります。
④ブロックレベル要素には他のインライン要素やブロックレベル要素を含めることができます。
3. HTML タグ内の一般的なブロックレベル要素