发表于： 2019-05-05 00:24:49
1 681
一、今天完成的事情
1.调试任务5移动端页面；
2.学习CSS编码规范，修改css格式。
3.学习用css绘制五角星（3个三角形叠加，使用transform顺逆旋转70°,参考链接：https://blog.csdn.net/u011113654/article/details/55804609）。
对比测试
二、明天计划的事情
1.任务6。
2.把input元素的30个元素属性补完。
三、遇到的问题
1.“个人主页”向上偏移。
解决方法：在absolute绝对定位中添加top距离。
2.背景图显示不完全，头像水平收缩。
解决方法：background-size设置100%，height改为210px；文字内容width设置auto。
3.增加buttom上下边距。
4.设置overflow-x: hidden去除横向滚动条。
5.自我介绍栏div重叠。
解决方法：同竖线收缩，设置“自我介绍”flex-shrink: 0。
四、收获
调试页面，理解比盲目试错更重要。要提高使用调试工具的能力，增强对样式属性、布局的理解。
返回列表
评论