ボックスモデルの顔の質問に関連します

(I)は、その基本的なコンセプトは何ですか?

⑴ページは、各HTML要素は、外部からボックスモデル内部に、ボックスモデルと呼ぶことができるボックスモデルアップ一つずつ積み上げているが含まれます:余白(マージン)、枠(ボーダー)、充填(詰め物)、コンテンツ(コンテンツ) 。ページの実際の幅のシェアはマージン+ボーダー+ paddint +コンテンツ合計幅です。
⑵ボックスモデル、2があります:標準ボックスモデルと奇妙なボックスモデル(IEのボックスモデル)

 

ボックスモデルについての知識は私のブログの記事を読むことができますhttps://www.cnblogs.com/shihaiying/p/11246482.html

 

(ⅱ) そのIE標準モデルとモデルの違いは何ですか?

異なる幅と高さ計算の。コンテンツの標準モデルの幅が幅を意味し、パディングボーダーが含まれていません。

標準的なボックスモデル:幅=コンテンツ+パディング+枠線。

IEのボックスモデル:幅=コンテンツ;

 

両者の違いについての私のブログの記事を読むことができますhttps://www.cnblogs.com/shihaiying/p/11329595.html

 

どのようにこれらの二つのモデルを設定㈢CSS?

⑴標準のボックスモデルが提供されます。ボックスのサイズ変更:コンテンツ・ボックスを;

⑵デフォルトのブラウザの設定:ボックスサイズ:ボーダー・ボックスは、IEの下に配置されています。

 

ボックスサイジングに関する知識は、私がこのブログを見ることができますhttps://www.cnblogs.com/shihaiying/p/11589477.html

 

(IV)のパディングのために、余白の値は、理解に関連しますか? 

⑴は割り当てられていない:デフォルトは0であり、すなわち、いかなる内側と外側の余白が存在しないであろう

⑵負の値を許可しません

(例えばパディング付き)⑶割り当て

①値:パディング:10pxの; 4つのマージンが10pxのあります

②ときに、2つの値:パディング:10pxの20ピクセル、20ピクセルに10pxのの上下の余白、左右の内縁

③とき三つの値:パディング:10pxの20ピクセル30px; 10pxの上、20ピクセルについて、30px

④四つの値の場合:パディング:10pxの20ピクセル30px 40ピクセルは、右下に、それぞれ10 20 30 40を残し

 

:Iの値の詳細については、このブログ見ることができますhttps://www.cnblogs.com/shihaiying/p/11246482.htmlを

拡張:ローカライズの知識は私のブログの記事を読むことができます:https://www.cnblogs.com/shihaiying/p/11253597.html

 

どのように幅と高さに対応する㈤jsセットボックスモデルを取得しますか?

⑴dom.style.width/高さ(幅と高さはインライン要素を獲得するためにのみ適用されます)

⑵dom.currentStyle.width/高さ(幅と高さはレンダリングを取得しますが、IEのみをサポートしています)

⑶window.getComputedStyle(同様に2つの作品ではなく、相溶性が良く、汎用性になり)(DOM).width /高さ

⑷dom.getBoundingClientRect()。Widht /高さ(絶対位置演算要素、四つの要素左、上、幅、高さの取得)

:私はこのブログ見ることができ、この問題に関する詳細なコード例https://www.cnblogs.com/shihaiying/p/11600229.htmlを

 

(VI)のマージンが重なっ何時間か、何が起こるでしょうに?

⑴親と子の間:子供ダウンマージンが標準として最大値をレンダリングするために、親の下マージンを重ねることができ

⑵空要素は:マージントップ及びマージン底場合、これは、2つの間の最終的なマージンとして最大値をとります

⑶兄弟間:各兄弟はそれぞれ兄弟間の余白または下余白に持っていた間、原則は最大値を取ることです

 

:最初から私はこのブログを見ることができる第六の問題の関連知識の最後にhttps://www.cnblogs.com/shihaiying/p/11616055.html

 

(VII)BFCは何ですか?BFCの基本的なコンセプトは何ですか?

基本的な概念は、翻訳されたBFC -bfc「ブロックレベル・フォーマット・コンテキスト」とは、ある「レンジブロック・レベル・フォーマット。」これは、要素が配置されている方法を決定概念W3C CSS 2.1仕様、およびそのコンテンツの他の要素との関係および相互作用です。人気の話は特別なブロックであり、内部レイアウトは、独自の方法を持って、外部の要素によって影響されません。

 

原理は何㈧BFCありますか?

ボックス内⑴BFCは、一つ後ろに配置され、垂直方向になります。余白の重なりは、垂直方向に発生します。

⑵BFCは、コンテナが外部の要素に子要素には影響を与えない内部の内側から外側には影響しません、ページ上の別の容器です。

⑶BFC領域は、フロートボックスと重なっていません。

BFCの高さを計算するとき⑷、フローティング要素もカウントされます。

 

(IX)BFCを作成する方法は?BFCをトリガーするには?これらの例は、新しいBFCを持っているのだろうか?

ルート要素を含む要素または他の⑴

⑵フロート(フロート要素がNoneでありません)

⑶絶対配置要素(位置要素は、絶対または固定します)

ブロック、インラインブロック内⑷行(表示素子:インラインブロック)

⑸テーブルセル(表示素子:テーブルセル、HTMLのテーブルセルのデフォルトプロパティ)

⑹テーブルのキャプション(表示要素:テーブル・キャプション、HTMLテーブルの見出しのデフォルトプロパティ)

⑺overflow値として見える要素ではありません

⑻柔軟ポーチフレックスボックス(表示素子:フレックスまたはインラインフレックス)

 

私は、ボックスモデルのより深い理解を助けることを期待して、ブログを理解する上での詳細と文化のリンクについては、このブログを読んだ後願っています!

おすすめ

転載: www.cnblogs.com/shihaiying/p/11620932.html