今天完成了什麽：

完成任务五。

遇到了什么问题:

--------------------------------

一开始把分号图片去掉改用boder边框来实现，在一开始布局上出了点问题，盒子div没写好，边框是写出来了，但是没办法控制边框的大小，后来才想到用空的div盒子，花了半天时间才整理好，感觉用div来实现，代码量其实也挺多的。

--------------------------------

发现“自我介绍和内容”文字随着分辨率缩小而变化，我给他设置了间距行距等等都无法正常显示，要么被撑开要么超过边框选，最后是没有给最小固定宽，因此添加了minwidth属性给他们倆才得以解决。

--------------------------------

滚动的时候发现个人主页被背景图挡住了，于是查了下资料，发现是在用定位的时候要注意z-index的值，值越大在越上面。menu {position:relative; z-index:2} /* 如果下方背景图片设置了 z-index,这个值要比背景图片的大 */

--------------------------------

在后面发现背景图片的高度会随着分辨率的变化而变化，师兄点拨才知道是做背景图片的时候要固定给宽高，对什么时候要给盒子宽还是要给盒子高或者双方都要宽高来表示以及用百分比来表示还是rem还不是很清楚。现在是打开调试工具，取消宽高看有没有变化，没变化才删除掉不要的宽高。

----------------------------

--------------------------------

提交到github的时候发现文字内容没有padding值，修改后显示才合理。

明天计划：

调试优化好任务5代码，完成任务6部分。

收获了什么：

了解了z-index属性，在定位中，z-index的值越大表示在越上层关系。这样才能始终置顶在头部，

学会了minwidth最小宽度，给他个最小值盒子内容就不会随着变化而变化。

大部分符号可以通过css代码盒子或者其他方法来解决。

flex盒子子作用于子元素。