发表于： 2019-06-17 20:41:33
1 958
今天完成的事：没有完成昨天的目标延期一天 ，一直在修改任务五的代码，直到下午才提交任务。
明天的计划：加快进度把任务速度，少做一写分心的事，以学习和任务为主。
遇到问题：主要问题就是图片的放大拉伸保持不变形而且完全显示，利用padding的百分比属性，让父元素的高随宽度的变化而变化，来保证图片能保持 原有尺寸比例。
收获：把任务一学到的知识找到了实际案例并实际运用。
任务总结：
任务名称：CSS=TASK4
成果链接：https://zhanglinqian.github.io/HTML/task4/html.html
任务耗时： 6月7~6月14号 耗时八天 延期四天 11号入学之前是线下散修。
技能脑图：个人脑图
官方脑图
脑图对比分析：
本任务中个人没有用到定位，水平对齐用的行内元素 display：inline-block 属性 对齐属性vertical-align:top；
任务总结
主要用到浮动使图片脱离文档流不影响父级元素中的文字的居中，
将输入框和图片转为inline-block 在使用对齐属性vertical-align:top使其对齐顶部
把行高和元素高相等，文字就会垂直居中。
改变input输入框的边框样式来美化输入框。
返回列表
评论