CSS の一般的なブロック要素は何ですか?

CSS のブロック要素は次のとおりです: address、blockquote、dir、div、dl、form、hr、ol、p、pre、table、ul、caption、dd、fieldset、li、legend、noframes、noscript 、h1～h6など。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

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

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

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

• 各ブロックレベル 各要素は独自の行を占め、後続の要素は別の行にのみ表示されます。2 つの要素が同じ行を共有することはできません。

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

• 要素の幅が設定されていない場合、デフォルトで親要素の幅が設定されます。

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

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

• address: アドレス。
  

• blockquote: ブロック引用符。
  

• #center: 中央揃えブロック。

  
  

• dir: ディレクトリリスト。

  
  

• #div: よく使われるブロックレベルは簡単で、CSSlayout のメインタグでもあります。

  
  

• dl: 定義リスト。

  
  

• フィールドセット: フォーム コントロール グループ。

  
  

#フォーム: インタラクティブなフォーム。

• 
  

  #h1–h6: タイトル。

• 
  

  hr: 水平分割線。

• 
  

  isindex: 入力プロンプト。メニュー: メニューリスト。

• 
  

  noframes: オプションのコンテンツをフレーム化します (このブロックのコンテンツはフレームをサポートしていないブラウザに表示されます)。

• noscript: オプションのスクリプト コンテンツ (スクリプトをサポートしていないブラウザーに表示されます)。

• 
  

  ol: 注文フォーム。

• 
  #p: 段落。

• #pre: 書式設定されたテキスト。
  

• #テーブル: テーブル。

  
  

• ul: 順序なしリスト。

  
  

• 推奨学習:

  css ビデオ チュートリアル
  

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