HTMLのブロックレベル要素とは何ですか

青灯夜游

リリース： 2023-02-17 17:01:24

オリジナル

10461 人が閲覧しました

HTML では、ブロックレベル要素とは、表示属性がブロックである要素を指します。通常、ブロックレベルの要素は多くのブラウザで 1 行を占めて表示され、同じ行にある他の要素や他の要素は除外されます。ブラウザでは、ブロック要素は四角形の形で表示され、他の要素が含まれます。

HTMLのブロックレベル要素とは何ですか

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

block 要素は block 要素 (ブロック要素) とも呼ばれ、これに対応するのが inline 要素 (インライン要素) であり、HTML 仕様における概念です。ほとんどの HTML 要素は、ブロックレベル要素またはインライン要素として定義されます。ブロックレベル要素は通常、ブラウザで表示されるときは改行で始まり (そして終わり) ます。

ブロックレベル要素は比較的横暴です。デフォルトでは、毎回 1 行全体を占有し、後続のコンテンツも新しい行に表示する必要があります。例:

、

各ブロックレベル要素は、デフォルトで 1 行の高さを占めます。ブロックレベル要素を行に追加した後は、他の要素を追加できません (float の後を除く)。 2 つのブロックレベル要素を連続して編集すると、それらは自動的に折り返されてページ上に表示されます。ブロックレベル要素は通常、ブロックレベル要素またはインライン要素をネストできます。

<html>
<head>
<style type="text/css">
p{ 
border: thin dotted #FF0000;
}
div{ 
border: 1px solid yellow;
}
</style>
</head>
<body>
<p>这是一个p元素</p>
<p>这是一个p元素</p>
<div>这是一个div元素</div>
<div>这是一个div元素</div>
</body>
</html>

ログイン後にコピー

HTMLのブロックレベル要素とは何ですか