ホームページ > 記事 > ウェブフロントエンド > CSS_html/css_WEB-ITnose の関連概念
CSS_html/css_WEB-ITnose の関連概念
- WBOYオリジナル
- 2016-06-24 11:38:421046ブラウズ
CSS のいくつかの概念:
包含ブロック: 要素の「レイアウト コンテキスト」。通常の HTML テキスト フローの要素の場合、それを含むブロックは、最も近いブロック レベルの祖先、テーブル セル、またはインライン ブロックの祖先のコンテンツ エッジで構成されます。次のマークアップを考えてみましょう
<body> <div> <p>This is a paragraph.</p> </div></body>
p 要素を含むブロックは div 要素です。これは、ブロック要素、テーブル セル、またはインライン ブロック要素として、これが最も近い祖先要素であるためです。同様に、div を含むブロックは本体です。
非置換要素: 要素のコンテンツがドキュメントに含まれている場合、それは置換要素と呼ばれます。例: 段落のテキスト コンテンツが要素自体の領域に配置されている場合、その段落は非置換要素です。
置換要素: これは、他のコンテンツのプレースホルダーとして機能する要素を指します。置換要素の典型的な例は img 要素です。これは、ドキュメント ストリーム内の img 要素自体の位置に挿入される画像ファイルを単にポイントします。ほとんどのフォーム要素も置き換えることができます (例: )。
ブロックレベル要素: 段落、タイトル、div などの要素を指します。これらの要素が通常のフロー内にある場合、ボックスおよびボックスの主キーに「改行」が生成されるため、通常のフロー内のブロックレベルの要素は縦方向に配置されます。display:block を宣言することで、要素はブロックを生成できます。 -level ボックス。
インライン要素: これは、strong または span などの要素を指します。これらの要素は、表示を宣言することによって、その前後に「行区切り文字」を生成しません。 inline の場合、要素はインライン ボックスを生成できます。
ルート要素: HTML ドキュメントでは
著作権ステートメント: この記事はブロガーのオリジナルの記事であり、ブロガーの許可。