● 表单高级
○ 表单字段集<fieldset></fieldset>
■ 功能：相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。
○ 字段级标题<legend></legend>
■ 功能：legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的第一个元素。
○ 提示信息标签<label for="绑定控件id名"></label>
■ 功能：label元素用来定义标签，为页面上的其他元素指定提示信息。要将label元素绑定到其他的控件上，可以将label元素的for属性设置为与该控件的id属性值相同。
○ 上传文件框
■ 文件域：<input type="file" />
○ 图像域
■ <input type="image" width="100" height="100" alt="上传图片"src="图片路径" />作用跟提交按钮一样，可以说是美化后的提交按钮
○ 说明： 表单的组成：表单域,表单控件,提示信息
例：表单域<form name="" method="" action=""></form>
表单控件<input type="text" value=""/>
● 表格高级
● 关于表格的CSS属性
○ 单元格间距(该属性必须给table添加)
■ border-spacing:value;（ie7及以下不支持,相当于属性cellspacing）
○ 合并相邻单元格边框
■ border-collapse:separate(边框分开)/collapse(边框合并)；
○ 无内容单元格显示、隐藏
■ empty-cells:show/hide;
○ 表格布局算法(加快运行的速度)
■ table-layout:auto/fixed(固定宽度，不会随内容多少改变单元格宽度)
○ 表格标题
■ <caption>标题内容</caption>
■ 表格标题位置：caption-side:top/right/bottom/left
■ 说明：left,right位置只有火狐识别，top,bottom IE6以上版本支持，ie6以下版本不支持其它属性值，只识别top;
● html重要属性：
○ colspan="value" 合并列
○ rowspan="value" 和并行
○ valign="top/bottom/middle/baseline" 垂直对齐方式
○ rules="groups/rows/cols/all/none" 添加组分隔线
○ 说明：
■ rows:位于行之间的线条
■ cols:位于列之间的线条
■ all：位于行和列之间的线条
■ none:没有线条
■ groups:位于行组和列组之间的线条
○ 数据行分组
■ <thead></thead> 表头
■ <tbody></tbody> 表体
■ <tfoot></tfoot> 表尾
● 说明：一个Table中，只能包含一个thead,一个tfoot,但可包含多个tbody。
○ 数据列分组
■ <colgroup span="value"></colgroup>
■ <col span="value" />
■ 说明：
● col和colgroup元素会根据从左到右的顺序依次对数据表格进行分组。
● span属性显示指定相邻几列组成一组，span属性值默认为1，默认时仅定义一列为一组。
● 可以通过给table添加rules="groups"属性来给分组列添加组分割线。
● 注意：虽然col和colgroup具有相同的功能，但是，我们只能使用colgroup元素来决定表格内容部分分割线（rules）应该处于的位置，而col没有这个功能。
● CSS 统筹
○ 命名规范
■ 必须以英文数字下划线组成，不能有中文以及特殊符号，开头必须以英文开头不能以数字或者下划线开头
○ 网站优化
■ 详情文件
● BFC模式（块级格式化上下文）
○ 产生BFC的环境
■ 根元素
■ float不为none
■ position为absolute和fixed
■ display为inline-block、table-cell, table-caption, flex, inline-flex。
■ overflow不为visible
○ BFC作用及原理
■ 内部的Box会在垂直方向，一个接一个地放置。
■ Box垂直方向的距离有margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
■ 每个元素的margin box的左边，与包含块border box的左边相接触（对于从左往右的格式化，否则相反）。即使存在浮动也是如此
■ BFC的区域不会与float box重叠
■ BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也是如此。
■ 计算BFC的高度时，浮动元素也参与计算
● 扩展
● th:表格列标题（放在tr里）
● <input type="hidden"/>隐藏域
● CSS 滤镜
●
