发表于: 2019-12-09 23:15:12
1 1015
第一,今天的学习及收获:
1,完成task5, 其中在使用fixed对网页头部和底部进行固定布局,虽然头部可以顺利固定,但底部却固定失败,随后,在师兄的帮助下,发现底部固定布局需要设置bottom的值后,成功完成任务;
2,完成大部分task6内容要求,再此任务中对复杂的列表信息也的布局熟练度增加了不少,然而,在最后设置头部导航栏fixed后,出现下方元素即使设置合适的外边距仍然样式不符,计划明天进行最后的调试;
3,学习task6任务中中相关的boostrap布局,其中学习了有关container和container-fluid的区别,container会随着浏览器设备的宽度进行”阶段性“(比如俄罗斯套娃)适应屏幕大小,所以会出现浏览器宽度变化时闪烁现象;而container-fluid会始终像流水一样更加流畅的自适应设备宽度;栅格布局将屏幕划分为12个列,通过class=“col - xs/md/lg - **”对栅格进行分配,在栅格布局中,始终将【class=“col - xs/md/lg - **的div】放入【class=“row”的div】的【有着class=“container/container-fluid”父元素(div)】,并且栅格布局依据其特殊的padding的从而具有让其可以在分配的栅格中继续嵌套进行栅格的分配。
4,弹性布局的复习,从新复习了相关的justify-conten, align-items, align-conten, 这几个属性的的应用,并将其应用于task5和task6中,成功使用它进行合理的布局要求;
5,对padding,margin,有了更高的熟练度和认知;
6,对雪碧图的使用(为了减少网页的请求,节约资源,提高效率),使用background-image引入, background-position对雪碧图中想要的图标进行定位显示;
第二,明天计划的事:
1,将task6完成;
2,对H5,CSS3新标签的学习,并尝试完成task7;
评论