table解析

table 表格解析

 一、table 是块级元素 display：table; 对外块级，并且具有包裹性。

二、table 组成

    1、caption 表格的标题文字
    2、thead 表格的表头
    3、tbody 表的正文
    4、tfoot 表脚
    5、tr 行
    6、th 表头的单元格
    7、td 表正文的单元格
    8、表格里面可以放任何的文字，图片，视频，音频 

三、表格的可设置属性：

    1、border-collapse：collapse；表格合并
    2、border-spacing：0 0；表格的空隙 x 轴 y 轴
    3、rowspan=""向右开始合并，colspan="" 向下开始合并；

四、bfc（block formatting context）简介：

        bfc 是 css 中一个隐含的属性，可以给一个元素开启 bfc，开启 bfc 该元素会变成一个独立布局区域。作用：1、开启 bfc 的元素不会被浮动元素覆盖。2、开启 bfc 的元素父子外边距不会合并。3、可以解决浮动带来的影响，高度塌陷。开启 bfc 方法：1、float 浮动不是 none 的值
            2、position 的值不是 static 或者 relaive
            3、display：inline-block table-cell
            table-caption 
            4、overflow 不是 visvible 的值
            

注意！：

          每个开启 bfc 的方法都有各有各的利与弊，开发据情况使用影响最小的一种。