期末考匿了好些天，又回来了

这两天完成的事情：

1. 1.完成任务5布局

2. 2.注册并配置域名

明天计划的事情：

任务6

遇到的问题：

1.task5-1页面“专业技能”下面详细内容格式容易错乱，最终用表格解决

2.task5-2页面底部菜单栏垂直居中问题，最终使用box解决

收获：

1.inline-block居顶对齐，inline-table居底对齐

2.实践使用表格

3.学习并实践使用box

4.box属性总结如下                                                           

• box-flex —— 让子容器针对父容器的宽度按一定规则进行划分
  

• box-orient —— 用来确定父容器里子容器的排列方式，是水平还是垂直
• • horizontal 、inline-axis 水平排列（此时如果父容器定义了高度值，其子容器的高度值设置则无效状态）
  • vertical 、block-axis 垂直排列（此时如果父容器定义了宽度值，其子容器的宽度值设置则无效状态）
  • inherit 继承
• box-direction ——用来确定父容器里的子容器排列顺序
• • normal 默认
  • reverse 反转
  • inherit 
• box-align ——父容器里面子容器的垂直对齐方式
• • start 居顶对齐
  • end 居底对齐
  • center 居中对齐
  • baseline 若box-orient 是inline-axis或horizontal，所有子元素均与其基线对齐
  • stretch 拉伸到与父容器等高
• box-pack ——父容器里面子容器的水平对齐方式
• • start 居左对齐
  • end 居右对齐
  • center 居中对齐
  • justify 水平等分父容器宽度（firefox与opera暂时不支持，只有safari、chrome支持）