CSS押题

BFC是什么？

块级格式上下文，一个独立的区域，内部元素不会影响外部元素 同样 外部元素也不会影响内部元素

如何实现：
    1、display
    2、overflow:hidden
    3、绝对定位
    4、float

如何实现垂直居中

1、 display:flex;
    justify-conten:center;
    align-item:center
    
2、利用绝对定对来做
    父元素：{
        position：relative
    }
    子元素：{
        position：absolute；
        left:50%;
        right:50%;
        transform：translate（-50%，-50%）
    }

CSS选择器中优先级如何确定

    ！import > 内联样式（Style） > ID选择器(id) > 类选择器(class) > 标签选择器(div)
    

如何清除浮动

    1、加一个块级元素 clear：both
    
    2、使父级元素添加浮动：这样有局限性 影响布局
    
    3、使父元素添加overflow：hidden
    
    

两种盒模型的区别

1、标准盒模型：content-box 这个盒子的 **宽度** 是 内容 + padding + border

2、怪异盒模型：border-box 这个盒子的 **宽度** 是包含了 内容 + padding + border