高级表单
表单域下拉列表（菜单）
语法：
<select >
<option>下拉选项1</option>
<option>下拉选项2</option>
</select>
表单域多行文本定义：
语法：
<textarea name="" cols="" rows="" > </textarea>
说明：
多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度，单位是字符。 阻止浏览器对窗口的拖动设置:{resize:none;}（css属性）
1、表单字段集
语法：<fieldset></fieldset>
说明：
相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁制可用；
2、字段级标题
语法：<legend align="left/right/center/justify"></legend>
说明：
legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的第一个元素
3、提示信息标签
语法：<label for="绑定的id名字"></label>
说明:
label元素用来定义标签，为页面上的其他元素指定提示信息。要将label元素绑定到其他的控件上，可以将label元素的for属性设置为与该控件的id属性值相同。
4、上传文件框：
语法：<input type="file"/>
说明：type属性值新增的类型有：file文件类型，可进行文件的选择
高级表格
1、单元格间距：
语法:border-spacing:value
说明：
单元格间距(该属性必须给table添加)
表示单元格边框之间的距离
不可取负值
2、合并相邻单元格边框：
语法：border-collapse:separate [ˈseprət]/collapse[kəˈlæps];
说明：
作用：合并相邻单元格边框 (该属性必须给table添加)
separate(边框分开)默认值；
collapse(边框合并)
3、无内容时单元格的设置：
语法：empty-cells:show/hide;
说明：定义当单元格无内容时，是否显示该单元格的边框区域； show：显示 ；hide：隐藏；
4、显示单元格行和列的算法(加快运行的速度)：
语法：table-layout:auto/fixed
说明：
自动表格布局：列的宽度是由列单元格中没有折行的最宽的内容设定的。
缺点：较慢（因为它需要在确定最终的布局前访问表格中的所有内容）。
优点：灵活 固定表格布局 ,加快运行的速度,允许浏览器更快的对表格进行布局
5、表格列标题
语法：<th></th>列标题
说明：
th标记表示表格内的表头单元格,是单元格标题；
6、<caption></caption>
caption标记表示表格的名称，也叫表格标题。
设置表格标题的位置
caption-side:top/right/bottom/left
说明：
定义表格的caption对象放于表格的哪个位置，与caption对象一起使用；
top为默认值；
left,right位置只有火狐识别 更新了也不可用了
top,bottom IE6以上版本支持，IE6以下版本不支持其它属性值，只识别top;
BFC
一、BFC是什么？
在解释 BFC 是什么之前，需要先介绍 Box、Formatting（格式化） Context（上下文）==块级格式化上下文 的概念。
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。
二、BFC布局规则：
1、内部的Box会在垂直方向，一个接一个地放置。
2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
3、每个元素的margin box的左边， 与包含块border box的左边相接触
4、BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。
5、BFC的区域不会与float box重叠。
6、计算BFC的高度时，浮动元素也参与计算
三、哪些元素会触发BFC?
- 根元素 HTML
- float属性不为none ; left&&right
- position为absolute或fixed
- display为inline-block, flex
- overflow不为visible; auto hidden scroll
