Today

1.用display:flex再做一遍

2.flex弹性布局,意思就是弹弹弹.我想弹多久就弹多久.任何一个容器都可以用哦.但是设置为flex布局后,子元素的float.clear.vertical-align属性就不行了.

3.容器默认的两根主轴水平main axis和垂直cross axis.

6个容器属性:

flex-direction:决定主轴方向,即项目排列方向

flex-wrap:定义换行

flex-flow:是上面两个的合并写法,默认 row nowrap

justify-content:在主轴上的对方式

align-item: 在交叉轴上对齐方式

align-content: 多跟轴线对齐方式

属性太多,手打一遍留个印象...

4.flex是flex-growe,flex-shrink,flex-basis的缩写

5.照片那边重新切图了

Tomorrow

今天没来得及做完,图片切好了,但代码还没改好.

1.修改position:fixed写的代码

2.用display:flex整个写

3.整理github仓库

Gain

任务里出现的几个问题:

1.页面放大时自我介绍跑偏了.

    修改: justify-content:center 删掉

2.底部button点击出现蓝色框框: 

    修改: outline:none

3.信息照片整个切图,但里面一些信息,不是图片

4.code pen了解了一下

Problem

1.今天做的少...没啥问题