HTML入门DAY11

表格相关属性

1.border-spacing:*px;双线边框之间的间隔
2.border-collapse:collapse;双线边框变细边框
注意；必须配合td的边框一起使用才会生效。
3.table-layout：fixed；
让表格等分宽度。
注意：必须要给table设置宽度才会生效

表格相关的标签

表单

下拉列表

多行文本域

input的其他type类型

BFC

块格式化上下文，是一个独立的区域，区域与区域之间不会互相影响。
触发、生成BFC：
1.浮动
2.overflow的值不为默认值的时候，–hidden 、auto 、scroll
3.定位position 的值为fixed和absolute；
4.display的属性值为inline-block、flex、inline-flex
应用场景：
1.清除浮动
2.解决margin的bug
3.实现两列自适应布局
两列自适应布局：左边宽度固定，右边宽度自适应
左边设置宽度，左浮动。右边不设置宽度，加overflow:hidden

上边固定，下边自适应：

上边设置宽高，下边设置宽度，不设置高度，设置定位position:absolute;top:上边盒子的高度；bottom：0；left：0；