CSS ブロックレベル要素の定義は何ですか? CSS ブロックレベル要素とは何ですか?

CSS ブロックレベル要素とは何ですか? CSS を学んだばかりの友達にとっては、この問題がよく理解できないかもしれません。そこで、この記事では、css ブロックレベル要素の定義と、CSS ブロックレベル要素とは何なのかを紹介します。

CSSブロックレベル要素の定義

W3Cの説明によると、ブロック（ブロックレベル）要素を専用行に表示するということです。その兄弟要素は、それと同じ行上にあってはなりません (ドキュメント フローから外れない限り)。実際、平たく言えば、ブロック要素は一般に他の要素のコンテナ要素であり、他のブロック要素またはインライン要素を収容できます。最も一般的なものは P と div です。簡単に言うと、ブロック要素は他の 4 つの正方形を保持できる 4 つの正方形のボックスのようなもので、ページ上のどこにでも表示できます。

CSS ブロックレベル要素の上記の定義がまだ理解できない場合は、CSS ブロックレベル要素の 3 つの特徴を見てみましょう:

1. 各ブロックレベル要素は独自の行を占め、後続の要素も同様です。新しい行を開始することのみが可能であり、2 つの要素が同じ行を共有することはできません。

2. 要素の高さ、幅、行の高さ、上下の余白を設定できます。

3. 要素の幅が設定されていない場合、デフォルトは親要素の幅になります。

これら 3 つの CSS ブロックレベル要素の特徴を読んだので、CSS 要素についてより深く理解できました。次に、CSS ブロックレベル要素とは何なのかを見てみましょう。

CSS ブロックレベル要素とは何ですか?

共通の CSS ブロックレベル要素:

address: アドレス。 blockquote: ブロック引用符。 center: ブロックを中央に揃えます。 dir: ディレクトリリスト。 div: 一般的に使用されるブロックレベルであり、CSS レイアウトの主要なタグでもあります。 dl: 定義リスト。 フィールドセット: フォームコントロールグループ。 フォーム: インタラクティブなフォーム。 h1–h6: タイトル。 hr: 水平分割線。 isindex: 入力プロンプト。

メニュー: メニューリスト。 noframes: フレームのオプションのコンテンツ (このブロックのコンテンツは、フレームをサポートしていないブラウザーに表示されます)。 noscript: オプションのスクリプト コンテンツ (スクリプトをサポートしていないブラウザーに表示されます)。 オル：整然とした形。 p: 段落。 前: 書式設定されたテキスト。 テーブル：テーブル。 ul: 順序なしリスト。

CSSブロックレベル要素の紹介ですCSSインライン要素とは何なのかについて次の記事で紹介します。 CSS ブロックレベル要素とインライン要素の違い。

関連する推奨事項:

インライン要素とブロックレベル要素とは何ですか? _html/css_WEB-ITnose

CSS ブロックレベル要素/インライン要素、継承および関連属性の紹介

以上がCSS ブロックレベル要素の定義は何ですか? CSS ブロックレベル要素とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。