1. まず、インライン要素とブロックレベル要素についてまとめます。 インライン要素: タグは省略形を表します <頭字語>最初の文字の略語 太字 デフォルトのテキスト方向をオーバーライドできます 改行 <コード>コンピュータコードテキスト定義項目を定義します強調コンテンツとして定義します斜体テキスト効果Webページに画像を埋め込みます入力ボックス < ;kbd>キーボードテキストを定義します ラベルは要素のラベル(タグ)を定義します 短い引用符を定義します サンプルテキストを定義します ラジオ選択を作成します または複数-メニューを選択小さなフォント効果を表示文書内のインライン要素を結合コンテンツをより強調下付き文字を定義上付き文字を定義< ;textarea>複数行テキスト入力コントロールタイプライターまたは固定幅テキスト効果変数を定義ブロックレベル要素: 住所を定義 表のタイトル リスト内の項目を定義します ドキュメント内のセクションまたはセクションを定義します リストを定義します リスト内の項目を定義します HTML フォームを作成する 最大のタイトルを定義する サブタイトルを定義する タイトルを定義する タイトルを定義する タイトルを定義します 最小限のタイトルを定義します の水平線を作成します フレームのブラウザには、frameset 要素内にテキストが表示されます スクリプトが実行されない場合の代替コンテンツを定義する順序付きリストを定義する 順序なしリストを定義する タグ定義 段落 整形済みテキストを定義する タグテーブルの本文 (テキスト) テーブル内の標準セル テーブルの定義 ヘッダーセルを定義します label はテーブルのヘッダーを定義します はテーブル内の行を定義します 2. 次に、行を見てみましょう 要素とブロックレベルの要素の違い: インライン要素とブロックの直感的な違い-レベル要素 インライン要素はすべて同じ行上に直線に配置され、水平に配置されます。 ブロックレベルの要素はそれぞれ 1 行を占め、垂直に配置されます。ブロックレベルの要素は新しい行で始まり、改行で終わります。 2. ブロックレベルの要素には、インライン要素とブロックレベルの要素を含めることができます。インライン要素にはブロックレベルの要素を含めることはできません。 3. インライン要素とブロックレベル要素の属性の違いは、主にボックスモデルの属性によるものです。インライン要素の幅の設定は無効、高さの設定は無効、マージンアップ、およびdown は無効、up と down のパディングは無効です 3. 要素とブロックレベルの要素のインライン変換: ブロックレベルの要素をインライン要素に変換します: display:inline; インライン要素をブロックレベルの要素に変換します:表示:ブロック; インラインブロック要素: 表示:インラインブロック;
