垂直对齐和定位、锚点
1.垂直对齐 vertical-align：默认值baseline 居中middle
行高的顶端top 文字的顶线 text-top
行高的底部bottom 文字的底线 text-bottom
必须是行内块元素或设置了display：inline-block
2.定位position
（1）absolute 绝对定位 脱离文档流 多个元素同时进行定位，后面的元素在最上面，可以通过z-index改变层叠顺序，默认值是0，数值越大越靠上 参照物为浏览器的第一屏，父元素（前提是父元素有定位）
（2）relative 相对定位 不脱离文档流 多个元素进行同时定位，不会发生层叠，后面的元素在上面，也可通过z-index改变层叠顺序。相对定位之后的元素即使移动了原始的位置，但是原有的位置还是存在 参照物为自己的初始位置
（3）fixed 固定定位 脱离文档流 多个元素同时进行定位，后面的元素在最上面，可以通过z-index改变层叠顺序，默认值是0，数值越大越靠上 参照物是浏览器的当前窗口，并且移动滚动条的时候该元素是不动的
3.实现一个元素水平垂直居中
（1）给父元素添加line-height和text-align：center
给子元素添加vertical-align：middle；display：inline-block
（2）给居中元素添加定位position：absolute/fixed；top：50%；left：50%；margin-top：-高度的一半；margin-left：-宽度的一半
（3）给居中元素添加position：absolute/fixed；margin：auto；top：0；left：0；right：0；bottom：0；
（4）用margin、padding
（5）使用弹性盒子
4.text居中和margin居中的异同？
（1）text-align 是文本对齐，可以让文字居中或行内或行内块元素水平居中，在父元素内添加
（2）margin：0 auto 可以让一个有宽度的块元素水平居中
5.标签嵌套规则
（1）默认情况下，块元素可以包含行内元素和行内块元素，行内不能包块
（2）p只能包行内和行内块元素，不能包块和自己
（3）h1-h6不能包自己，也不能彼此之间互包，但可以包其他块元素或行内元素或行内块元素
6.包含块
（1）什么是包含块：是父元素并且父元素有定位；浏览器
（2）包含块的触发条件：当父元素有position/fixed/relative的时候，父元素就是包含块；当父元素没有定位的时候，包含块就是浏览器
7.锚点
作用：同一个页面不同位置进行跳转
语法：<a href="#id名字"></a>
<标签 id=""></标签>
