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的方法都有各有各的利與弊，開發據狀況使用影響最小的一種。