表单 字段 集
表单: 一个盒子 用来收集用户信息 与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=>常用方式