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