ブロックレベル要素、要素、行レベルの理解とアプリケーション

ブロックレベル要素

1.別の行のブロック要素は、唯一の別個の線要素の後に、ブロック要素の隣接する二つの行が共有することができません。

2.ブロックレベルその要素の要素、幅、高さ及びトップボトムマージンラインの高さを全て設定することができます。

3.要素の幅は、設定されていない場合は、親要素のデフォルトの幅。

4.属性表示を対応するブロック要素は:ブロック

一般的なブロックレベル要素は次のとおりです。

  <アドレス> <記事> <P>

<脇>定義されたコンテンツの外側//コンテンツは、タイトルや字幕の内容を解釈することができます。自動的にインデントされません

<オーディオ> //オーディオタグ<BLOCKQUOTE>長い定義された参照コンテンツ、最初の行のインデントがあります。

<キャンバス> //描画タグ。

<キャプション>は、テーブルのキャプションを定義します

<DD>項目説明テーブルの<div>文書の概要、ラベルのボックスモデルの流れを定義します。<のDI>タグ定義リスト。プロジェクトのタイトル<DT>定義リスト

境界詳細<詳細>要素を定義する<フィールドセット>要素は、パケット<図>に定義されたメディアコンテンツ、及びタイトル、ここでは単一の<figcaption>定義図形要素を定義します。

<フッタ>定義セクションまたはページフッタ<FORM>フォーム<H1> - <H6>定義するHTMLヘッダ<ヘッダ> <時間>定義地平線

タイトル<伝説>要素に定義フィールドセット<LI> <メニュー> //リストまたはメニューはすべての主要なブラウザのメニュー要素でサポートされていない定義する列をカスタマイズします。

<メータ>が所定の範囲を規定する測定<NAV>フレームによってサポートされていないナビゲーション<NOFRAMES>ユーザーの代替コンテンツを定義する定義

<NOSCRIPT>ユーザーがクライアント側のスクリプトをサポートしていないため、代替コンテンツを定義します

<老い>順序付けられたリストが定義されている、<出力>出力のいくつかのタイプを定義

<PRE>プリフォーマットタグ<部>タグ段落<TABLE>表<TBODY>一次コンテンツを形成する<TD>テーブル列<TFOOT>脚注タグ<TH>タグテーブルヘッダ 

<THEAD>テーブルヘッダタグ内容<時間>日付タグ<TR>テーブルの行タグ<UL>順不同リストタグ

行レベルの要素 

1行が他の要素と共有されてもよい、別の行は不要です。

2.行レベルの要素、幅、頂部の高さは、底部マージンを設定することができません。

画像の幅は、要素の幅を変更することはできません3.それが含まれているテキストです。

要素の属性の表示に対応する4行:インライン

行レベルの共通要素:

<A> <略語>タグ頭字<略語>のみ頭字語を定義する<B>太字<BDO>テキスト方向

<ビッグ>女王は、単純なテキスト包まれた<ボタン>ボタン<引用>参照を<BR>

<CODE>タグコード<コマンド>コマンドボタン<DFN>タグ//プロジェクトの使用を最小限に抑えるために説明<デル>削除されたテキストの定義 

<em>のテキスト定義された<I>イタリック表記の<img>画像を定義する<入力>定義された入力<KBD>キーボード定義の<label>の入力を強調

<マーク>はマークされたテキストは、<pregress>タスクの進捗状況<Q>のいずれかのタイプを定義で定義されているが、短いアプリケーション<SAMP>コンピュータコードのサンプルを定義しています

ドロップダウンリストには、ドキュメントの<小さな>小さなテキストの<span>セクションを<選択>の<strong>テキストラベルを強調<サブ>下付きのテキストを定義する<SUP>標準テキスト

<テキストエリア>テキストボックス 

変換素子と行レベルブロックレベル要素

表示:インラインブロック要素は、要素レベルのラインに変換することができる、表示:ブロックレベル要素の行は、要素レベルのブロックに変換することができます。

表示: - ローレベル要素インラインブロックは、ブロック要素として設定することができます。

ます。https://www.jianshu.com/p/530a1aa5e31dで再現

おすすめ

転載: blog.csdn.net/weixin_34293141/article/details/91286880