发表于: 2021-05-01 23:16:46
1 939
今天完成的事情:
1,task4细节优化OK了,算是彻底完成。
2,task5已经完成了一大半(细节方面卡住了,明天再看吧)
明天计划的事情:
1,明天计划把task5细节优化好,并且提交任务。
2,另外复习之前的重点知识,稳固一下。
3,学习代码规范和选择器命名规范。
4,开始预习task6
遇到的问题:
1,html页面缩放,如何让页面中的两个盒子在缩放的同时,间距保持不变,问题还未得到解决
2,flex属性值太多,理解起来费劲,目前还没有掌握,应当做重点,攻克下来
3,task4 给自我介绍那儿,做了个垂直居中,结果“自我介绍”四个字竖起来,加了min-width(设置段落的最小宽度)后,把“自我介绍”固定了起来,问题得到解决。
收获:
1,chrl+0页面快速恢复100%
2,z-index(重叠元素):元素进行定位时,它们可以与其他元素重叠。元素可以设置正或负的堆叠顺序。
属性可指定元素的那个在前,哪个在后。具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。
如果两个定位的元素重叠而未指定 z-index,则位于 HTML 代码中最后的元素将显示在顶部。
3,min-width 设置段落的最小宽度
max-width 设置段落的最大宽度
min-height 设置段落的最小高度
max-height 设置段落的最大宽度
4,
.parent {display:flex; align-items:center;} 子元素垂直对齐
.parent {display:flex; justify-content: center;}子元素水平对齐
.parent {display:flex; justify-content: center;align-items:center;}正中对齐
5,对于细节,一定要认真细心对待,不能说做出的作品和效果图有点出入,老是让师兄提醒,这样我很不好意思。
评论