发表于： 2019-05-18 21:05:15
1 763
今天完成的事情：
1.bootstrap给表单元素添加了插件，使得具备更多的通用性。
bootstrap表单在外围添加<form role="form">，中间元素使用<div class="form-group">。
单选框和多选框，name要设置相同，才能够进行单选和多选的操作。
分为垂直表单，上下显示。
.png)
水平表单，水平多行显示。
.png)
内联表单，将表单控件都放在一行内显示。使用了class="form-line"类
.png)
2.什么是BFC？
英文名是 Block formatting context，块级格式化上下文，定义了一套块级盒子的布局方式。html元素就是一个BFC，在html元素内的块级盒子都要遵循BFC规则。
有哪些规则？
1.内部盒子在垂直方向排列。
2.会发生 margin collapse(外边距坍塌？)
3.当元素不是BFC子元素时候，浮动元素高度不参与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能够用来清除浮动，理解浮动的原理。阻止边距折叠（什么是边距折叠？）
3.什么是外边距折叠？两个div，上div的margin-bottom是10px，下div的margin-top是10px，而两者之间的margin实际上是10px而不是20px。若一个大一个小，则是取大值。
.png)
那什么情况下会发生外边距折叠？相邻元素之间，父元素与其第一个或最后一个子元素之间，空的块级元素。
1.响铃两个
明天计划的事情：
1.任务十页面结构完成百分之五十，明天完成剩下部分。
2.js的基本概念学习
返回列表
评论