周总结

作者: 刘欣怡_2022公益强化班 | 来源:发表于2022-07-16 18:26 被阅读0次

本周正式开始动手制作页面,刚刚开始选择了比较简单的天猫官网模仿。由于前期小游戏阶段耽误了太多时间导致阶段走得太慢,这一周也是紧赶慢赶把css和html的一些基础知识看完了,制作网页的时候还是碰到了很多的问题。下面是本周遇到的一些问题和我的解决办法。

首先是布局的问题,采取学长的建议大盒套小盒,讲整体分为很多块,每一大块创建一个盒子。这样做的好处就是可以很容易的使用定位保证布局不会很乱,也让代码看起来比较整齐。

然后就是如何使盒子居中显示。

我的办法是相对于外边的大盒子设置一个左边距/右边距,这样即使放大缩小盒子也不会跑

margin属性设置边距,margin:0,auto的意思是上边距为0并且水平方向居中显示。

下面是下拉菜单。

首先我们需要讲头部需要设置下拉菜单的部分文字使用一个小li标签框起来,将这部分的position设置为relative,再在其中设置两个div,把他们的position设置为absolute,使用浮动改变两个盒子的位置,把下拉框的属性设置为隐藏,设置当鼠标覆盖到上面文字盒子的时候将下拉框盒子属性改为显示,这样就可以实现下拉菜单的功能了。

上面是一些印象比较深刻的问题的其中一种解决办法,以后应该尝试更多的解决办法。

相关文章

网友评论

      本文标题:周总结

      本文链接:https://www.haomeiwen.com/subject/bjmlirtx.html