4.1

表格属性补充：
1.表格的数据进行分组
<thead></thead>;<tbody></tbody>;<tfoot></tfoot>,表头表尾只能一个
列标题标签：<th></th>:默认的样式：左右居中，文本加粗
表格标题：<caption></caption>:描述标题的位置的css属性：caption-side:left/right/top/bottom(但是left/right有兼容问题，火狐能识别)
数据列分组（应用率不高）
<colgroup span=“把几列分成一组”></colgroup>
表格css属性的补充：
1.相邻单元格边框进行合并：border-collapse：separate/collapse(添加在table上面)
2.相邻单元格之间的间距：border-spacing(添加在table上面)
3.是否显示单元格区域（没有内容的时候隐藏）：empty-cells:show/hide
4.table-layout:fixed/auto(根据内容分配高度)
5.表格内部html属性：colspan/rowspan;align="center";rules=""

 

表单属性：
<form action="数据提交的路径" name="" methog="数据提交的方式"></form>
单选框：<input type="radio">(每组单选按钮里面要保持name=“”的值一致才能单选)
复选框：<input type="checkbox">
上传文件：<input type="file">
下拉菜单：<select>
<coption></coption>
<coption></coption>
</select>
多行文本域：<textarea></textarea>(阻止用户进行缩放的css属性：resize:none;)
补充表单的html属性

1: 默认选中

checked=" checked"
2:表单控件的禁用

disabled= "disabled”

3:下拉列表里血的默认选中

selected="selected"

表单里面的标签:

fieldset

作用:给表单做分组特点:

默认情况下白带边框可以进行互相嵌食

legend

作用:是fieldset 一组里面的一 个标题

特点:一般情况下，放在fieldset第一个子元素位置。|
<label for=""></label>说明:

label里面放的提示信息

for属性:绑定对应控件的id名称。

转成大小写：text-transform:uppercase、lowercase
圆角：border-radiuos:18px;
BFC  布局逻辑：

只有Block-leve1 box (块)参与，它 规定了内部的B1ock-level Box 如何布局，并每个区域外部亳不相干。

BFC布局规定:

内部的Box会在垂直方向，一一个接.一个地放置。

三、每个元素的margin box的左边，与 包含块border box的 左边相接触

叫、BFC的区域不会与float box重合 。

五、BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。

六、计算BFC的高度时，浮动元素也参与讣算

BFC触发条件:

1: html 就是一 个BFC

2: float属性不为none

3:position为absolute或fixed

4:display为inline-block, table-cell, table-caption, flex, inline-flex

5 :overflow不为visible