2.13——2.19Java周记

作者分享了第六周学习前端HTML和CSS的心得,强调实践的重要性。在解决定位和浮动问题上遇到挑战,通过不断尝试和调试工具逐步掌握。提到了z-index解决层叠问题,以及运用flex布局和justify-content属性实现居中。作者感到前端学习虽有困难但充满乐趣,计划继续复习巩固。
摘要由CSDN通过智能技术生成

第六周学习感悟

本周也是结束了第三阶段的学习。对于HTML和CSS的感受是比较简单的,因为自己在第三阶段的时候因为考驾照、开学耽误了很多进度,所以在做页面的时候,有很多的知识并不是很清晰的,就比如说定位、浮动,这也导致了我在写网页的前几天时焦头烂额,并不能够很好的利用知识,而是以一种不断尝试的心态去做,尝试各种的方法,以此达到网页的效果,在不断碰壁的过程中,对于一些知识也是逐渐地熟悉,在最后几天写网页的时候,并没有出现说像前期写了大半天只写了一点,而且还是漏洞百出的情况,但是编写网页的时候还是出现了许多的问题,但是这些问题都通过谷歌的调试工具进行解决了。第三阶段我最大的感受是实践起来比单纯的学习知识,记知识的效率要高很多。虽然知道知识是必须通过实践进行重复的学习的,但是这次给我的感受和以往学习语言的时候是不同的,可能是因为自己前期的知识并没有说掌握的太好。在写页面的过程中,我感受到了高中做数学题的喜悦,通过自己的不断调试,看着页面一步一步的走向自己的期待,我觉得这是我在这次前端的学习中最大的收获把!

知识总结

🍥首先在写页面中让我第一次震惊的是:z-index

在写完导航后,进行了下面不同区域的布局,但是出现了一种情况,下面的文字内容和了解更多的按钮会出现在导航栏的表面,最后还是看见学长给一个组员讲解这种情况的处理办法我才知道了处理的方法。

🍥第二个就是在页面布局完成后,发现页面大小发生变化时,在相应区域的盒子发生偏移而不能处于页面中间的位置,在学姐的帮助之下通过使用flex弹性布局和justify-content属性解决了这个问题。自己也了解了下面几种居中的方式:

📖通过flex弹性布局进行解决

📖通过绝对定位,使其top、left、right、bottom四个值均为0即可

📖通过定位调整margin的值

📖利用transform进行居中

📖将top、left、right、bottom中的上下或者左右设置相同的百分比实现居中

本周小结

总体来说,自己对CSS和HTML的学习时间并不是说很充足,通过学习前端,自己感受到了前端的快乐,从第二次考核前到现在,有不少的人退组,最近自己虽然说是挺累的(做梦都在写页面😭),但是真的这些天很充实,就像是高中那种怀念的感觉,还是挺好的。希望自己能够坚持下去,就算最后自己可能不会被留下,但是只要自己尽力就好了。

下周计划

  • 对第三阶段的内容进行复习和巩固
  • 根据小组的计划学习
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啥也不会写呢

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值