table解析

table表格解析

1、table是块级元素 display：table;对外块级，而且具备包裹性。

2、table组成

一、caption 表格的标题文字
    二、thead 表格的表头
    三、tbody 表的正文
    四、tfoot 表脚
    五、tr 行
    六、th 表头的单元格
    七、td 表正文的单元格
    八、表格里面能够听任何的文字，图片，视频，音频

3、表格的可设置属性：

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

4、bfc（block formatting context）简介：

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

注意！：

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