wp_css 样式学习轮播图

最新推荐文章于 2024-08-18 22:21:01 发布

wp_wnd

最新推荐文章于 2024-08-18 22:21:01 发布

阅读量175

点赞数

分类专栏： css 文章标签： css

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_33606071/article/details/105396233

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

不要设置id，否则会卡死

多个class 公用
在这里插入图片描述
float：浮动

给元素设置定位
当给一个元素设置定位的时候，这个元素也会飘起来
在这里插入图片描述

都设置定位的时候
在这里插入图片描述

在这里插入图片描述
子元素 position：abosulte：就会浮动起来了

在这里插入图片描述

两种方式移动
在这里插入图片描述

由于 w3c 默认 z 的高度为0（2维空间）
在这里插入图片描述

通过设置perpective 设置z轴的高度，只要往z轴移动的高度大于 div的高度，就会出现3d视角
在这里插入图片描述

3 的往z 轴移动了，但是4 position 在 3后，所以4在3上面
由于层级的关系，导致了 3有一部分被4给挡住了
在这里插入图片描述

同时往z走
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

修改div的class ，就会导致图片的流动

overflow: 父元素决定怎么去处理子元素的内容
在这里插入图片描述

display 常用属性
在这里插入图片描述

display： none //dom 元素被删除
visibility：hidden //不显示，但是 dom没有被删除；别的元素无法占用他的空间

positon:
在这里插入图片描述

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
wp_css 样式学习轮播图

不要设置id，否则会卡死多个class 公用
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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