分類CSSタグ、および表示モードを共有するのが良いプログラマは、タイプラベル（表示モード）HTMLタグは一般的に分類され、ブロックとインラインラベル 2種類があり、それらはまた、ブロック要素とインライン要素の中に知られています。
ブロックレベル要素（ブロックレベル）
単独で、各ブロック要素は、通常、行全体または行全体がその幅、高さ、位置合わせ、および他の属性に設けてもよい占め、一般にページとページレイアウトの建築構造で使用されます。一般的なブロック要素が持つ<H1>〜<H6>、 <P>、<DIV>、<UL>、<OL>、<LI> 特徴など、 の<div> タグは、最も一般的なブロック要素です。
特長：（重要）
1、父専用線、コンテナのデフォルトの幅は100％です。
（幅と高さをサポートするために提供される）; 2、外側と内側の余白を制御することができるからの高さ、行の高さ、
図3に示すように、高さは、内容によって決定の高さを備えていません。
図4は、インラインブロック要素と他の要素を収容することができます。
二、行内元素(inline-level)
インライン要素（インライン要素）は、一般に、幅、高さ、位置合わせ、および他の属性を設定することができない、支持構造体にのみ、それらのサイズと画像のフォントサイズによって、別々の領域を占有しない、この中国のスタイルのページを制御するために使用されます。一般的なインライン要素は持っている<A>、<強い>、<B >、<em>の、<I>、<Del>を、<S>、<イン>、<U>、<スパン> など、ここで の<span>を 最も典型的なラベルのインライン要素。
重要な特性:(）
図1に示すように、1本のライン上の素子の隣接する行、ボイドラップが存在するであろう。
2、高さ、幅無効が、パディングとマージンは、水平方向、有効な垂直方向に設けられていてもよい;（幅と高さがサポートされていません）
3、デフォルトの幅は、独自のコンテンツの幅です。
図4は、線要素は、テキストまたは他のインライン要素を受信することができます。（特別）
ヒント：
これらのタグのH1、H2、H3、H4、H5、H6、DTがある1、テキストのみの段落に一緒にグループ化することができ、同じトークン内部に置くことができないブロックレベル要素Pので、それらは、他のブロックを置くことができないクラスブロック・レベルのタグを書いていますレベル要素。
2、リンクを取り戻すことができないリンク。
ブロック要素内の第3、行（インラインブロック）
-特殊ラベルの列内のいくつかの要素が存在する<IMG />、<INPUT />、<TD> 、幅及び高さは、それらと配向性に提供することができ、それらが呼び出される 行内のブロック要素が。
特徴：
図1に示すように、1行に隣接する行の要素（ブロック内の行）が、ブランクとの間に隙間があります。
2、デフォルトの幅は、独自のコンテンツの幅です。
3、高さ、行の高さ、マージンおよびパディングを制御することができます。
第四に、ラベルの表示モード切替表示
Webページの設計では、別のラベル異なる表示モードを設定する必要があるかもしれません。なお、表示することによって達成することができます。
図1に示すように、スイッチブロック：ディスプレイ：インライン。
2、行内转块：display:block;
表示：3、ブロックは、ブロック内のインラインエレメント列をに変換されるインラインブロック;