归纳了水平居中、垂直居中、水平+垂直居中的各种方式
百度前端技术学院 第七天学习笔记（CSS 布局）
display属性
display 是CSS中最重要的用于控制布局的属性。
每个元素都有一个默认的 display 值，这与元素的类型有关。
列举一些已经学过的属性值：
百度前端技术学院 第七天学习笔记（CSS flexbox）
flexbox弹性盒子
MDN flexbox例子
想要flex生效必须定义其父元素的display属性为flex或inline-flex
flex容器flex container（父级容器）
flex子项flex item
百度前端技术学院 第七天学习笔记（CSS position）
position属性position属性用于指定一个元素在文档中的定位方式。top，right，bottom 和 left 属性则决定了该元素的最终位置。
HTML5新增（section和article以及aside标签）
HTML5HTML5
HTML <section>元素
<section>元素表示一个包含在HTML文档中的独立部分，它没有更具体的语义元素来表示，一般来说会有包含一个标题。