1-4(CSSボックスモデルを)終えビデオインタビューの知識

CSSボックスモデル:

      基本的な概念:

  1. モデルと標準モデルIEの違い
  2. これら二つのモデルのCSS(ボックスサイズ:コンテンツ・ボックスを、標準モデル、ボックスサイズ:ボーダー・ボックス、IEモデル)を設定する方法
  3. 対応する幅と高さのセットJSボックスモデルを入手する方法
    dom.style.width /高さ//はインライン幅と高さに取り
    、現在のレンダリング良いの幅と高さを取得します// dom.currentStyle.width /高さすなわちのみサポート
    window.getComputedStyleが(DOM).width /高さを//取得します現在のレンダリング良いの幅と高さ、互換性とより多くのIE9のサポート、edge12及び上記
    dom.getBoundingClientRect()。幅/高さ//が真の幅と高さを取得し、一般的位置を決定するために使用

     

  4. 質問の例(重複マージンボックスモデルはに従って解釈)サブ要素に包まれた親要素、高子要素100pxに、マージントップ:10pxの;親要素がどのくらい高いです尋ねますか?兄弟ボックスはマージントップに提供され、一方はマージン値その大きい方マージン底を、重複します
  5. BFC(マージンがソリューションを重ねる)IFC、BFCを作成する方法のBFC、BFC基本原則の基本的な考え方?BFCの使用シナリオ?1)基本概念:ブロックレベルフォーマット化文脈。2)BFC原理:レンダリングルール、マージンA、垂直方向に重なっています。B、BFC領域がフローティングボックスと重なっていません。cは、BFCは別の容器で、BFC領域が要素内の要素に影響を与えないであろう外側要素の外部に影響を与えません。、オーバーフロー:隠された計算高さBFCフロート3は、また、計算に関与dが、)BFCを作成します。B、フロート:なし。C、設定された位置:絶対。D、insplementプロパティ。4)使用シナリオ:、重複余白。B、フローティング要素が重複しています。C、透明フロート。

         

おすすめ

転載: www.cnblogs.com/llcMite/p/10787272.html