发表于: 2016-03-20 22:35:23

1 1662


今天完成的事: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>的使用)



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


返回列表 返回列表
评论

    分享到