3.01-3.08总结

总结:

1.bilibili仿站

仿站过程中的问题:
(1)设置z-index属性不起作用
在这里插入图片描述
(这篇文章的链接https://blog.csdn.net/apple_01150525/article/details/76546367)
之前有次z-index不起作用,然后加了定位后就可以了;这次的也有地方的在z-index没起作用但时间紧迫还没找到原因

(2)有些盒子的阴影还没做,还没有学怎么做

(3)在content部分有的盒子结构差不多,就直接复制粘贴了,但是不同地方的height又不太一样,写的时候没发现,但后面的盒子就有可能出现到不了应该到的地方,我找了好久哪错了,最后才发现是上面的一个盒子高度太高,直接占了这个盒子的位置。

(4)bilibili最右边的那个列表,只实现了移动的方式,没做出来样子也一模一样的

(5)官网左边的小电视,到footer部分不显示了,还没看懂是咋做的

(6)下面这三个图标,本来想复制图片直接用,但是官网没找到原图;我最后截了个正方形的图,又设置了border-radius :50%;就是不带原背景色的圆型图标了
在这里插入图片描述
(7) 类似999+的这种小图标,使用:before完成的,但有时候高度不一致,就设置了position:relation;然后再具体调一下

在这里插入图片描述
(8)之前以为只有提示文本,但官网的提示工具里还有图片,然后自己做的时候就是弄了个盒子然后在里面加图片什么的(下面这个图的z-index就没起作用。。。)
在这里插入图片描述
(8)这次写页面因为后面结构差不多就复制粘贴来着,就出现了一个界面用好多个相同的id 情况,但页面还能正常显示,上网搜了一下,答案好像是这个
在这里插入图片描述
(9)这种以前都是用input什么的做的,现在发现直接用a然后设置边框什么的好像也能做出差不多的效果

在这里插入图片描述

总结:

这次的页面太长了,做的时候总感觉做不完,就匆匆忙忙的做,到现在还有些细节没做好,比如有的图标都一样,最开始轮播图那行没对齐,本来想着做完大体再细化,后来发现有点做不完,继续努力吧

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值