今天完成的事情： 

1，box-sizing属性，并排放置两个带边框的框，可将box-sizing设为border-box。

2，width，默认值auto，子元素（包括content+padding+border+margin）撑满整个父元素的content区域，

width：100%，父元素的content=子元素的content，子元素有margin，border，padding时，不改变子元素的width，而是溢出盒子，保持原有值，

无论内容区width：100%还是auto，其计算的参照都是父级内容区的width值，而非总宽度值。

3，flex是Flexible Box的缩写，意为弹性布局,flex:1;=flex{1,1,0%},项目可放大，可缩小，可用空间占据屏幕，flex取值none，计算值为0，0，auto，不放大，不缩小，对应取主尺寸。

4，absolute 绝对定位，如果父元素且所有祖先元素没有进行定位，其宽高百分比将根据浏览器可视宽高进行计算，

如果父元素进行了定位，宽高则根据父元素的盒子宽高（content+padding）（不含border）进行计算。

5，div>p 选取父元素是<div>元素的每个<p>元素样式

div p 选择并设置位于<div>元素内部的每个<p>元素样式。

6,完成的页面

样式还没设置好，背景图那一部分我想用浮动，下面的表格用flex弹性盒子。

明天要做的事情：就是写任务五，争取能够做出和设计图一样的效果，看css代码规范。

遇到的问题：觉得学的挺慢的，看一些例子能看懂，自己做起来就无从下手了。

收获：学习了flex的相关知识。

参考链接： flex 布局实例http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

https://www.jianshu.com/p/f6a07e7ff882       css footer固定底部处理