发表于： 2019-10-29 21:58:43
1 997
今天完成的事情：
一开始找问题改问题，一天就嗖地过去了……今天动作太慢明天尽量更快一点。
完成了任务8页面一。
1. 导航栏的居中
第一次排版的时候把导航栏分为了两列，需要修改导航定位才能完成选项居中。
页面一采用margin值定位导航栏。
页面二尝试采用导航栏分一列居中。
2. 优化不同设备排版问题
需注意文字居中问题，整体栏如列四的居中问题。
3. box-shadow结合hover完成交互效果
4、多列多排版对齐
利用媒体查询设置不同页面宽度下元素宽度值，达到换行排列目的。
遇到的问题：
1、层叠上下文
设置z-index值提高激活hover效果的元素的优先级
2、line-height继承性
子级会继承父级设置的line-height值，父级需要子级的文字垂直居中时，需计算好父级高度值。
明天计划的事情：
页面二尝试不一样的排版方式搭建页头页尾。
试着总结部分常用知识点。
收获：
z-index的实际应用。
Flex弹性盒子多种情况变形应用。
返回列表
评论