HTML 要素の分類を理解する_html/css_WEB-ITnose-htmlチュートリアル-php.cn

HTML 要素の分類を理解する_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:26:54

オリジナル

1067 人が閲覧しました

HTML には多数のタグが含まれています。これらのタグは、使用後に多少の違いがありますが、使用後にレイアウトがあまり変更されないものもありますが、行の再開は同等です。これは、さまざまなタグ要素のさまざまな分類の結果です

HTML では、
、
、
、
などのタグ。、
、
、
はブロックレベル要素であり、各ブロックレベル要素は通常同じ特性を持ちます

1. 各ブロックレベル要素は 1 行の新しい Start から始まります。 , そして後続の要素も別の行から始まります (つまり、ブロックレベルの要素は単独で行を占有し、後続の要素も道を譲る必要があります。)

2. 高さ、幅、行。要素の高さ、上下のマージンはすべて設定可能です

3. 要素の幅が設定されていない場合は、親コンテナの 100%、または個別に設定できます

インライン要素

、、、、はブロック要素とは異なり、実際には使用中にレイアウトがあまり変わりません。 . 彼らは変更しますそれは行内のいくつかの視覚効果またはクリック効果です

もちろん、インライン要素には、ブロックレベルの要素に 1 対 1 で対応する独自の特性もあります

1. インライン要素とその他。要素は 1 行にあり、他の要素を圧迫することなく、

2. 要素の高さ、幅、上下の余白は設定できません (要素は行内ですべて隣り合っているため、これらを設定すると、、要素がめちゃくちゃになります) .

3. 要素の幅は、要素に含まれるテキストまたは画像の幅であり、変更できません

そのような要素はほとんどありません。両方の要素の特徴を同時に説明します。、これら 2 つのタグは、詳しくは紹介しません

これら 3 つの要素は相互に変換できます。これは、インライン要素のタイプを CSS を通じて強制的に変更できることを意味します。ブロックレベルの要素に変更する場合、コードは次のようになります。 {

display:block;

}

同様に他の属性も同じです値が違うだけです、ブロックレベルの要素: block に変更、インライン要素: inline に変更、inline に変更ブロック要素: inline-block.

div + css ではレイアウトにおいて極めて重要な位置を占めるため、これら 3 つの要素は非常に正確に習得する必要があります。