一.今日完成的内容和收获：
1.display属性值
（1）block  块级元素：独占一行，竖直排列
（2）inline 内联元素：水平排列，若水平不够了，则会自动到下一行
（3）inline-block 行内块级元素：可以与其它相邻的元素同处一行，并与其它相邻元素空白空间
（4）block元素和inline-block元素可以设置宽高，而inline元素不可以

2.垂直居中：可以字体的行高撑开盒子，为了实现垂直居中，只需要将字体的行高设置与父元素高度值相同即可。如：
<div class="header">
        <span class="sign_up">注册</span>
</div>
.header{
 height:4px;
}
.sign_up{
 line-height:4px;
}  即可实现垂直居中

3.实现了将header中的三个文字分别居于左，中，右，并且垂直居中的效果。

二.遇到的问题
1.在实现三个文字分别居于左，中，右时，将注册选择了左浮动，关闭选择右浮动，登录的文字当时想用绝对定位进行居中，但是后来查找发现可以把登录放到一个新的div中，用text-align:center进行居中；
 <div class="header">
        <span class="sign_up">注册</span>
        <div class="sign_in">登录</div>
        <span class="close">关闭</span>
 </div>
按照这个运行时发现，关闭文字不见了，在F12调试中发现跑到了下一行的右边；想到可能是顺序问题，登录的盒子占据了后面一整行，导致关闭被挤到了下一行，然后调整了下顺序就可以了。
    <div class="header">
        <span class="sign_up">注册</span>
        <span class="close">关闭</span>
        <div class="sign_in">登录</div>
    </div>