表单表格重点&BFC

表单 字段 集
    表单： 一个盒子 用来收集用户信息 与form作用相似
    字段： 泛指页面中的相关wyth
    集：集合
    属性：fieldset

默认样式
    默认自带边框
    fieldset可以互相嵌套

字段级标题： legend
    标题的位置：align：left、right、center、justify
    legend必须是表单中的第一个子级元素

提示信息标签：label
    属性for：绑定id

上传文件：input type=“file”

placeholder：不占位的提示属性
disabled：表示禁止输入

单元格与单元格之间的间距 celspacing
    属性：border-spacing
        给父级table设置
合并相邻单元格边框
    属性：
        border-collapse：collapse 合并
        border-separate：separate 默认不合并

无内容时单元格的设置
    属性：empty-cells
     属性值：
        show：显示
        hide：隐藏

单元格中的计算属性
    属性：table-layout
    属性值：
    auto含有计算属性
    fixed固定

tbody是表格中的主体内容 默认浏览器会生成一个 包裹住所有的行列标签
数据行分组
    thead：头部
    tbody：主体 可以有无数个
    tfoot：底部

数据的列分组
    单标签 col
    双标签 colgroup
        属性值：   
            span：选择到几列
            width：宽

BFC的概念:BFC是块级格式化上下文 => 针对于块级元素
    是一个独立的渲染区域 规定了盒子内部是如何布局的
    与外面的布局毫不相干

    内部的Box会在垂直方向，一个接一个地放置。
        块级元素特点

    Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
        margin的解析bug

    每个元素的margin box的左边， 与包含块border box的左边相接触
        设置margin的时候 margin值方向一定要和父级的边框有接触才有效果

    BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。
        BFC的特点 => html是最大的BFC区域

    BFC的区域不会与float box重叠。
        重点 => 后台管理系统的布局

    计算BFC的高度时，浮动元素也参与计算
        高度塌陷 子级含有浮动属性 设置overflow

怎么触发BFC？
    根元素    HTML
    float属性不为none ; left&&right
    position为absolute或fixed
    display为inline-block, flex
    overflow不为visible; auto hidden scroll=>常用方式