发表于: 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,对于细节,一定要认真细心对待,不能说做出的作品和效果图有点出入,老是让师兄提醒,这样我很不好意思。



返回列表 返回列表
评论

    分享到