CSS ブロックレベル要素の定義は何ですか? CSS ブロックレベル要素とは何ですか?-CSSチュートリアル-php.cn

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

不言

リリース： 2018-09-04 16:10:27

オリジナル

7026 人が閲覧しました

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 ブロックレベル要素とインライン要素の違い。