这是我参与「第五届青训营 」笔记创作活动的第2天
我将从以下几点去分享对于观看完“理解CSS”相关课程视频的收获，同时也分享一下自己学习到的一些重要的知识点：
- 正常元素如何布局，元素之间如何相互影响
- BFC
首先是第一点，正常的元素如何布局，元素之间如何相互影响的？
通常来说，我们的元素分为三类：块级元素、行内元素以及行内块元素。不同的元素的默认布局方式也不一样，一个块级元素的内容宽度就是其父元素的100%，它的高度和其内容的高度是一致的；而行内元素它的宽度和高度都是根据内容决定的（我们无法设置行内元素的宽高，但是我们可以设置display属性使得行内元素变成块级元素或者行内块元素，定义元素的类型则是我们CSS3定义布局）。
而对于正常的文档布局流来说，每个块级元素会在上一个元素下面另起一行，行内元素则是不会另起一行，会和同一行的行内元素紧密相连。
很有意思的是我认识的一个知识点，那就是BFC。那么什么是我们的BFC，它是我们块格式化上下文的缩写（Block Formatting Context,BFC），BFC是web网页的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。即它形成了一个封闭的区域，能检测到区域内脱离文档流的元素。
BFC的特点是，CSS中隐含的属性，开启后不会被浮动的元素覆盖，并且可以包含浮动元素，同时BFC元素的子元素和父元素外边距不会重叠。
以上则是我个人的一点学习心得，欢迎各位优秀的开发者批评指针！
