发表于： 2018-10-11 16:35:17
1 560
今天完成的事情：完成任务5
学会基础的 Flex布局
属性设置在容器上。
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
以下6个属性设置在项目上。
- order
- flex-grow
- flex-shrink
- flex-basis
- flex
- align-self
了解了 HTML代码规范和CSS代码规范 并用到任务5中
学会运用CSS背景图片代码
明天计划的事情：切一个雪碧图出来做任务6
遇到的问题： 底部footer用 position: fixed; 定位后滚动条下拉不到最底层，main下方文本被footer遮盖。 解决方法： 定义main的margin-bottom
“自我介绍”文本再拉伸时会被后面挤变形 解决方法： 如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。
背景图片拉伸时变形，重复出现 解决方法： background-repeat: no-repeat；background-size: 100% 100%;
收获：通过今天的学习，发现出现的一些问题都是再资料库里都有只是学的时候没有仔细看弄懂理解成自己的东西，同时加深了对flex布局和背景图片知识点的理解。
返回列表
评论