1，vertical-align属性的作用？
设置元素垂直对齐的方式；
2，该属性使用过程的注意点：
与text-align属性不同，text-align属性是设置给需要对齐元素的父元素的，水平方向居中。
而vertical-align属性是设置给需要对其元素本身的，垂直方向，
3，该属性的取值有哪些？
3.1，top （与顶部对齐）；
3.2，bottom （与底部对齐）；
3.3，text-top （与文字顶部对齐）；
3.4，text-bottom （与文字底部对齐）；
3.5，baseline （与基线对齐）；
3.6，middle （与中线对齐）
实现水平垂直方向居中
设置父元素为display:table-cell将块元素转成单元格形式。子元素设置 display: inline-block。利用vertical和text-align可以让所有的行内块级元素水平垂直居中
强调：起作用的是table-cell自身，所以display和vertical-align必须写在同一元素内
<style>
.father {
display: table-cell;
width: 200px;
height: 200px;
background: skyblue;
vertical-align: middle;
text-align: center;
}
.son {
display: inline-block;
width: 100px;
height: 100px;
background: red;
}
</style>
<div class="father">
<div class="son"></div>
</div>
