HTMLブロック要素と行レベルの要素との間の差を理解する:戦闘のウェブフロントエンド・エントリ

インライン、ブロック差分要素:

1行レベルの機能ブロック内の要素は、インライン要素が表示、表示要素の値を変更することにより、スイッチング素子とブロックレベル内の行に互いに変換することができる:インライン、ブロックレベル要素を表示:ブロック。

2.他の要素とそれらが同じ行である水平ラインに配置されている線要素を実行して、その中に配置されたブロック要素は、常に新しい行を開始し、別の行のブロック要素のそれぞれに、下方に垂直に配置ソートその水平方向に、フローティング(浮動:左/右)の周りに使用することができるが許可水平方向に配置されています。

3.要素が左右水平アクティブ、非アクティブ、充填パディングダウン線幅と高さ、幅、テキストの変化に高さ変動内に配置することができるが、高行(行の高さ)を設定することができ、非アクティブマージンマージンに垂直に設けられながら効果的な、ワイドブロック要素を高く設定することができ、外部からの幅と高さ、充填を任意に制御することができます。

4.ブロック要素は、インライン要素とブロック要素を含むことができ、それはまた、インラインおよび他の要素を収容することができ、インライン要素は、テキストまたは他のインライン要素を受信するブロック要素を含むことができません。

インライン、ブロック要素の特性

ブロック要素内部標準文書フローに以下の特徴を有します:

①常に行全体を占有し、新しい行で開始;
②高さ、行の高さ、及びマージンおよびパディングを制御することができる。
③ブロードバンドブラウザ幅に関係なくコンテンツの、常に同じである。
④それはインラインを収容することができ要素と他のブロック要素。

インライン要素の特長:

①1本のライン上の他の要素;
ハイ②、行の高さ、および外側部分とパディングは、変えることができる。
③のみコンテンツに関連する幅、
テキスト行④または他のインライン要素を受信する唯一の要素。

幅と高さは、コンテンツとしての幅が増加を設定することができない、フォントサイズはインライン要素の高さが変化する境界線の外側に配置することができるではなく、アップ及び外側境界機能ダウン、左側にのみ作用し、境界内に設けられてもよいが、ない上下IE6での作業の境界内に、それは約のために働くことができます

この技術を終了するWebフロントに興味を持って小さなパートナーは、注意が必要な実践的な内容を開発するためにあなたといくつかを共有することを学ぶ、私たちの研究サークル、作品の第六年に追加することができます。767-273-102秋のドレス。ゼロベースのフロントエンドから起動する方法を学習します。夢を持つ人々のグループは、我々は別の都市にあってもよいが、我々は一緒に歩いていく先端の先端

ブロックレベル要素があるのですか?

アドレスカスタムアドレス
キャプションがテーブルのキャプションを定義し
、定義リストは、エントリ定義されたDD
パーティションまたはドキュメントで定義されたセクションのdiv
DL定義リスト
内の項目定義リストdtの
枠組み設定を定義するためのfieldset
のHTMLフォームを作成するためのフォーム
h1は最大タイトルの定義
h2は字幕定義
H3のカスタムタイトルを
H4>カスタムタイトル
H5カスタムタイトル
H6は、最小タイトル定義する
時間を横作成
のfieldset要素要素の凡例をタイトル定義
のliタグは、項目のリストを定義する
ブラウザフレームをサポートしていない人のためのテキストをNOFRAMES、内部のframeset要素
noscript要素は、スクリプトで定義されていません実行代替コンテンツ
オール順序付けられたリストの定義
UL順不同リストが定義する
Pタグは段落定義
事前定義されたフォーマット済みテキスト
テーブルタグはHTMLテーブル定義
メインのTBODYタグテーブル(本体)
表細胞TDにおける基準
TFOOTページ定義テーブルを足(または表脚注に注意)
TH定義ヘッダ細胞
THEADラベル定義テーブルヘッダは、
TRは、テーブルの行を定義します

インライン要素は何?

タグアンカー定義
略称はの省略形を示す
頭字語の定義が唯一の頭文字を取っ
太字bの
BDOすると、デフォルトのテキスト方向オーバーライドすることができ
、大きな大きな太字フォント
BRラップを
定義した参照引用
コードを定義するコンピュータコードテキストを
DFN定義されたプロジェクトを定義します
EMはで強調のように定義される
Iイタリックテキスト効果
ページに画像を埋め込むのimg
入力入力ボックス
KBDキーボード定義されたテキスト・
ラベル(タグ)入力定義エレメントのラベルタグ
短基準定義Qの
サンプルテキストを定義SAMP
選択やラジオを作成しますオプションメニュー
小>小さなフォントレンダリング効果
文書行要素の組み合わせのスパン内
で強いトーン強く強調
サブ定義されたテキスト添字
SUP>定義上付き文字
テキストエリア複数行のテキスト入力制御
TTタイプライターまたはモノスペーステキスト効果
varが変数を定義します

可変要素

可変要素を決定するブロック要素によるコンテキストインライン要素または要素であります

ボタンボタンは、
デル文書は、テキスト削除された定義
のiframeは別のドキュメント(すなわち、インラインフレーム)インラインフレームを含む作成した
INSのラベル定義は、テキスト文書に挿入された
マップクライアント側画像マップ(すなわち、ホットゾーン)
オブジェクトオブジェクトオブジェクト

注:ブロック要素は、インライン要素とブロックレベル要素を含むことができます。インライン要素はブロックレベル要素を含めることはできません。

おすすめ

転載: blog.51cto.com/14568129/2442898