当前位置: 首页 > Web前端 > HTML5

表格分析

时间:2023-04-05 22:58:49 HTML5

table表格分析1.table是一个块级元素展示:table;外部块级别,并具有包装属性。2.表格组成1.标题表的标题文本2.表头thead3.tbody表的文本4.tfoot表脚5.tr行6.表头的单元格7.td表文本的单元格8.任何文字、图片、视频、音频都可以放在表格中。三、表格的可配置属性:1.border-collapse:collapse;表格合并2.border-spacing:00;tablegapx轴y轴3.rowspan=""开始向右合并,colspan=""开始向下合并;4、bfc(blockformattingcontext)介绍:bfc是css中的一个隐式属性,可以为一个元素启用bfc。当启用bfc时,元素将进入一个独立的布局区域。作用:1.开启了bfc的元素不会被浮动元素覆盖。2.启用了bfc的元素的父子边距不会被合并。3、解决漂浮和高度下沉的影响。开启bfc方法:1.float不是none的值2.position的值不是static或relaive3.display:inline-blocktable-celltable-caption4.overflow不是visvible的值注意!:每种打开bfc的方法都有自己的优缺点,开发会根据情况使用影响最小的。