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的方法都有各有各的利与弊，开发据情况使用影响最小的一种。