html基础

css盒模型

  1. css盒模型：标准盒模型／IE盒模型
  2. 两种盒模型的区别：标准盒模型width只包括内容部分，IE盒模型width＝内容＋padding＋border
  3. css如何设置这两种样式：box-sizing:content-box/border-box
  4. js获取盒模型的宽高:dom.style.width/height(只能取到行内样式的宽高)
    dom.currentStyle.width/height(只有ie支持)
    window.getComputedStyle(dom).width/height(兼容性好)
    dom.getBoundingClientRect().width/height（计算元素的绝对位置）
  5. 解释边距重叠
    父子元素边距重叠，兄弟元素边距重叠
  6. 什么是BFC?原理？创建BFC的几种方式,使用场景
    BFC（块级格式化上下文：边距重叠解决方案）
    原理：1.BFC元素不会与浮动元素重叠2.浮动的子元素参与计算高度
    设置overflow:auto/hidden，float不为none，position:absolute/fixed,display:,
  7. 清除浮动（BFC清除浮动）