表单控件补充
1、表单字段集
语法:
说明:相当于一个方框,在字段集中可以包含文本和其他元素,该元素用于对表单中的元素进行分组并在文档中区别标出文本,fieldest元素可以嵌套,在其内部可以在设置多个fieldest对象。disabled定义空间禁止可用。
作用:给表单元素划分区域或者进行分组。
特点:可以嵌套自己本身,也可以嵌套其他元素,自带边框。
2、字段集标题
语法:
说明:legend元素可以在fieldest对象绘制的边框内插入一个标题。legend元素必须是fieldest内唯一一个legend元素。
align=“left/center/right/justify”,水平对其属性,除了可以让内容改变对其方式同时元素也会改变对齐方式。
3、提示信息标签
语法:<label for="绑定控件id名“>
说明:label元素用来定义标签,为页面上的其他元素指定提示信息,要将label元素绑定到其他的控件上,可以将label元素的for属性设置为该控件的id属性值相同。
BFC的布局规则
1、内部的box会在垂直方向,一个接一个的放置。
2、box垂直方向的距离由margin决定,属性同一个BFC的两个相邻box的margin会发生重叠。(按最大的margin值决定)
3、每个元素的margin box的左边,与包含块border box左边相接触。
4、BFC的区域不会与float box重叠。
5、BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。
6、计算BFC的高度是,浮动元素也参与计算。
那些元素会和属性会触发BFC?
1、根目录html
2、float属性不为none
3、position为absolute或fixed
4、display为inline-block,table-cell,table-caption,flex,inline-flex
5、overflow不为visible
BFC的应用
1、自适应两栏布局
2、清楚内部浮动
3、防止margin上下重叠
来源:CSDN
作者:不愿人间见白头
链接:https://blog.csdn.net/m0_46398200/article/details/104641749