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

CSS の基礎では、ブロック要素とインライン要素も非常に重要な基礎知識であることが多く、実際には重要ではないと感じています。間違った選択です。ブロックレベル要素とインラインブロック要素について話しましょう。

多くの学生が勉強していると、ソース コード内の一部の要素が単独の行にあり、他の要素と同じ行にないことに気づきます。はコード内にありませんが、ブラウザ内では専用の行を占有し、 タグなどの一部のタグは他の要素と同じ行にあります。タグは要素とも呼ばれます。たとえば、 タグは人によって異なります。 [推奨読書: html5 の div および span html ブロッ​​クレベル要素の詳細な紹介]

html 要素に基づいて使用できます。表現形式、大きく 2 つのカテゴリに分けられます。

1: ブロック要素

多くのブラウザでは、ブロック要素は 1 行を占めて表示され、他の要素やその他の要素は除外されます。ブラウザでは同じ行に、ブロック要素が四角形として表示され、他の要素が保持されます。

例えば、div、h1~h6、p、hr、ol、ulなどがあります。これらのタグのうち、

と

はブロック タグであり、中間の要素も

と同じ行から除外されます。

、 タグと はインライン要素です。

2: インライン要素

インライン要素は、ブロック要素の逆です。ブラウザでは、ブロック要素はデフォルトで他の要素の 1 行になります。これらには、strong、em、span、および input が含まれます。インライン要素は他の要素と同じ行に配置でき、ブロック要素を含めることはできませんが、他のインライン要素を含めることはできます。

上記は、ブロック レベル要素とインライン ブロック要素についての完全な紹介です。Html5 チュートリアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。

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