发表于: 2019-06-13 23:17:24
1 795
今天完成的事:任务四完成待提交,看深度思考,准备开时任务五。
明天的计划:
- (环境搭建)下载任务资源——护工个人主页.psd(0.5小时)
- 2.(知识学习)复习前面任务中所学习到的知识点(2小时)
- 3.(知识学习)学有余力的情况下可以学习一下flex的知识(2小时)
- 4.(编码实战)首先布局header,让header紧贴顶部(0.5小时)
- 5.(编码实战)然后布局footer,让footer紧贴底部(1小时)
- 6.(编码实战)为所要用的背景图、头像、小图标切图(1小时)
- 7.(编码实战)为主体内容的上半部分布局,注意在不同分辨率下布局不被破坏,且内容始终垂直居中(2小时)
- 任务五做到第七步。
- 遇到的问题:一个是输入框与图片的垂直中是通过把输入框和图片都转换成行内块级元素nline-block 然后用 vertical-align:middle 属性校准的。输入框的宽度自适应用的百分比。
- https://www.cnblogs.com/starof/p/4512284.html?utm_source=tuicool&utm_medium=referral
- 使用 vertical-align:middle有个坑 详细看这篇文章有详细介绍。我的已改正。
- 收获:对自适应加深了解。
评论