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