接下来我们便讲讲深入理解CSS的下半部分，本节课主要围绕盒模型中行“行级”与“块级”这两种常见的布局结构展开，讲解其基本定义、各自特征、工作属性和排版规则，提供业内操作思路，帮助同学强化 CSS 实战技能。本讲的重点是CSS 盒模型——行级和块级。 首先先讲讲块级和行级的区别，块级：不和其他盒子并列摆放，适用所有的盒模型属性，生成块级盒子，body、article、div、main、section、h1—6、p、ul、li等，display:block；行级：和其他行级盒子一起放在一行或拆开成多行，盒模型中的width、height不适用，生成行级盒子，内容分散在多个行盒中，span、em、strong、cite、code等，display：inline。 display属性：block——块级盒子，inline——行级盒子，inline—block——本身是行级，可以放在行盒中；可以设置宽高；作为一个整体不会被拆散成多行，排版时完全被忽略。 常规流Normal Flow：根元素、浮动和绝对定位的元素会脱离常规流，其他元素都在常规流之内，常规流中的盒子，在某种排版上下文中参与布局。 行级排版上下文：Lnline Formatting Context(IFC)，只包含行级盒子的容器会创建一个IFC，IFC内的排版规则：盒子在一行内水平摆放，一行放不下时，换行显示，text—align决定一行内盒子的水平对齐，vertical—align决定一个盒子在行内的垂直对齐，避开浮动元素。 块级排版上下文：Block Formatting Context(BFC),某些容器会创建一个BFC。 本讲大致内容如上，有些许的繁琐，没有很多例子，需要多加思考。
