今天完成的事：task8基本完成

明天要做的事：task8的翻转效果

遇到的问题：

box-sizing的使用（没搞清什么情况下使用哪个会比较好？或者说为什么要设置这个属性呢？）

收货：

1.content-box和border-box的区别

box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。

content-box，border和padding不计算入width之内

padding-box，padding计算入width内

border-box，border和padding计算入width之内。

2.text-align:justify(文字两端对齐)   就像正常的word里面的显示

对比的是text-align:center   最后一行也是居中的状态

http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html （ content-box和border-box的区别）

http://www.htmleaf.com/css3/css3donghua/201506112012.html    （css3翻转动画  感觉主要是<figcaption>和<figure>的使用）

最后就是感觉自己对于下图这种列表的布局比较头疼。。。之前都一直没有考虑过布局的问题，明天再好好看看吧 。