css
关注
分享
扫一扫
2401w
不要让你的脑袋成为别人思想的跑马场
展开
-
css - calc()函数 & 组件高度占页面100%
css - calc()函数 & 组件高度占页面100%原创 2022-07-04 09:09:23 · 2226 阅读 · 0 评论 -
css - nth-child(n)
.infinite-list-item{ margin-right: 20px;}// 第0个：5*0// 第5个：5*1.infinite-list-item:nth-child(5n){ margin-right: 0;}原创 2022-01-16 20:09:54 · 424 阅读 · 0 评论 -
CSS - margin:auto 为什么只能实现水平居中，不能实现垂直居中
我们在学习margin时，可能会有这么一个疑问，为什么margin:auto只能实现水平居中，而不能实现垂直居中？原因是：auto的作用为：自动填充剩余空间块级元素在水平方向自动填充一整行，而在垂直方向上不会自动填充所以给块级元素设置margin:auto时，块级元素在水平方向上，左右的margin平分剩余空间，在垂直方向上，没有剩余空间可平分，所以呈现只有水平居中的效果。...原创 2020-11-20 22:10:11 · 1118 阅读 · 0 评论 -
CSS3 - animation的steps属性
语法：steps(number , position)它有两个参数：1. number：数值表示我们把动画分成了多少段比如我们写一个颜色过渡的例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2020-11-01 16:20:06 · 1080 阅读 · 0 评论 -
CSS - 什么是高度塌陷 及 高度塌陷的解决方法
一、什么是高度塌陷？在文档流中，父元素的高度默认是被子元素撑开的，即子元素多高，父元素多高。但是为子元素设置浮动后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素，父元素高度塌陷。 <div class="a"> <div class="b"> </div> </div>1. 子元素未设置浮动 .b{ width: 100px; height: 100px; background原创 2020-10-24 15:15:19 · 1849 阅读 · 1 评论