表格相关属性、表单、bfc问题

表格：
thead 表头
tbody 表体（浏览器默认加上，在书写时一定要写上）
tfoot 表尾

<colgroup span="2"></colgroup>
    给列表的列分组
    span是几就分几组

caption  表格标题

border-spacing 单元格之间的间距，必须给table添加
    
border-collapse 单元格之间的间距，必须给table添加
    separate 默认值，不合并
    collapse 合并边框线{用来解决，boder-spacing为0时，左右边框重叠，使边框变大


单元格无内容时的显示和隐藏
empty-cells：show  显示（默认值）
empty-cells：hide   隐藏

table-layout 单元格是否固定宽度
table-layout：auto 默认值，自适应，宽度不固定
table-layout：fixed 固定单元格宽度，高度不固定

表单元素补充
input
type=“radio” 单选框
注意：同一组单选框的name值要一致，进行互斥

    type="checkbox" 多选框
    注意：同一组单选框的name值要一致，不需要进行互斥
   
    disabled="disabled" 禁用
    checked="checked" 默认选中
    
    type="file" 上传文件

    select > option  下拉列表 > 下拉列表项
        selected="selected" 默认选中

textarea 多行文本输入框
    cols=""改变元素宽
    rows=""改变元素高
    默认可以拖拽大小
    resize：none  禁止拖拽

    注意：不是px为单位，指的是容纳字符数，但是有偏差，可以通过设置样式修饰大小

fieldset > legend 表单字段集 > 表单字段子标题
注意：fieldset只有一个直系legend

在legend中有属性align="left center right justify" 改变legend的水平位置

label 绑定选中标签
例：

男
注：input的id名字须跟lable for""名字相同

BFC
块级格式化上下文，一个具有特殊功能的容器

解析BFC区域的规则特殊功能：
    1：BFC区域的元素垂直摆放
    2：BFC区域的元素间距由margin决定，同属于同一个BFC区域的元素margin会重叠
    3：每个元素的左外边距挨着父元素的左边框
    4：BFC区域不会与float元素重叠（特殊情况position）
    5：BFC中的元素不会影响外边的元素
    6：BFC区域中的浮动元素参与高度计算

BFC区域触发条件
    1：html（根元素）为最大的一个BFC区域
    2：position 为absolute和fixed
    3：diplay为inline-block、table-cell、table-caption、flex、inline-flex
    4：overflow不为visible
    5：float不为none

BFC应用
    1：两列布局，三列布局
    2：清除高度塌陷
    3：防止margin重叠：使父元素成为一个BFC区域，父子元素之间的margin不重叠