为什么用到伪元素,还有根据什么来设置的bottom和right

为什么用到伪元素,还有根据什么来设置的bottom和right

http://img1.sycdn.imooc.com//climg/5e7b5bbf09220b5c08230797.jpg

老师,首先不清楚这里为什么用伪元素,还有就是红框里的尺寸设置,是根据什么来设置的,bottom和right这两个根据什么来设置,这里只有一个div,就是那个大的,我看这个也没有根据div来设置

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2020-03-26 15:25:10

同学你好,是不知道为什么设置-50px,与0吗?

这个是调整位置的,根据效果图的位置设置值,不过还没有最终确定就是这个,后面老师也会在调整。

祝学习愉快~

好帮手慕糖 2020-03-26 11:33:43

同学你好,关于你的问题,回答如下:

1、这是是使用伪类设置的小圆圈。因为没有什么内容,所以使用的伪类设置,由于代码的灵活性,实现的方式不是唯一的。也可以添加空的div。

2、红框的宽高就是设置的小圆圈的宽高哦。上面还有设置圆角,形成了小圆圈。

http://img1.sycdn.imooc.com//climg/5e7c220909839a0f02870289.jpg

http://img1.sycdn.imooc.com//climg/5e7c21f109113d9303900286.jpg

3、伪类相当于在div中插入了子元素,所以div是它的父元素,且有相对定位,所以是相对于div来定位的。

http://img1.sycdn.imooc.com//climg/5e7c2273091bb01903420403.jpg

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 王一宏 #1
    老师,您讲的这些我都知道。但是我提问的是其他的,您刚好讲了都是我知道的。我截图是那个buttom 和right。设置这两个不知道他两的px为什么那样写
    2020-03-26 12:37:20
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师