乐趣区

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