第二次学习总结

     本周主要是完成小组考核任务--制作网页。在制作这个网页的过程中我学到了很多的知识,也了解了更多css属性和一些css3的属性,但同时避免不了出现了各种的问题,解决了这些问题是我最大的收获,下面是我在写网页时遇到的一些小问题以及我的解决方法。

  • 首先就是在刚开始的时候插入背景图片,明明设置了fixed属性,可是图片还是随着内容滑动,困扰了我好长时间,终于,发现自己没有设置背景尺寸,添加上之后才成功,所以给大家提个醒一定要仔细写完属性不要遗漏任何一个有效的属性。
  • 其次就是放大和缩小的时候中间的内容混乱了,不再居中,在我的多次观察下(因为放大的时候我写的页面有的正常有的不正常),发现我需要把中间的内容放在一个大盒子里,然后把这个大盒子居中,这时候放大和缩小的时候中间的内容就不会改变,位置还是居中的。
  • 再次就是写的那种卡片,设置了一个特效就是把鼠标放在卡片上的时候会出现一个遮罩层,在遮罩层的上面还有一个盒子,可是我设置的这个盒子背景颜色明明设置了不透明度为1,可是它实现的是和遮罩层一样的透明度,怎么改都没有效果,终于在考核的时候被告知,设置盒子的背景颜色的时候可以直接使用rgba属性,因为其中的a代表了不透明度,这样不用使用opacity属性就不会影响子类,问题得到了解决。
  • 还有就是我在引用图标的时候,有几个图标无论我如何设置就是不能位于盒子中间(也可能是我没设置正确),在询问下发现对图标可以使用伪元素对left和top属性进行设置,这样也可以实现图标居中,对我来说是增长了知识,毕竟在这之前只是知道并没有用过伪元素。 

       以上是我在写考核页面的时候遇到的已经得到了解决的问题,当然还有其他问题,只是还没有得到充分的解决,就暂且先不说。下一步小组就要分方向了,希望自己能够学到更多的东西,也希望自己的选择是正确的并且能够坚持下去,期待自己下一次的进步。

猜你喜欢

转载自blog.csdn.net/m0_63679126/article/details/121890602