- 博客(3)
- 收藏
- 关注
原创 CSS3结构伪类选择器
结构伪类选择器主要根据文档结构来选择器元素,常用于根据父级选择器里的子元素。 1.选择ul 里面 第一个 li :first-child 2.选择ul最后一个li :last-child 3.重点掌握nth-child(n) /* :nth-child(n)选择某个父元素的一个或多个特定的子元素 */ /* n可以是数字,关键字和公式 */ /* n如果是数字,就是选择第n个子元素,里面数字从1开始.... */ ...
2022-02-28 13:49:34
735
原创 京东进度条制作(添加过渡属性)
首先里面是有两个盒子,大盒子包含小盒子。 <div class="bar"> <div class="bar_in"> </div> </div> CSS样式: /*大盒子样式*/ .bar{ width: 130px; height: 12px; border: 1px solid red; /*把长方形变成圆角矩形直接写高度就行了*/ border-radius: 12px; } 小盒子样式 .bar_in{ ...
2022-02-27 15:32:28
325
原创 HTML和CSS的外边距和并问题
1.相邻块元素垂直外边距的合并 垂直外边距一般执行最大的外边距 解决方案: 尽量只给一个盒子添加margin值。 2.嵌套块元素垂直外边距的塌陷 产生了外边距合并问题 解决方法: 可以为父元素定义上边框。 2.可以为父元素定义内边距。 3.可以为父元素添加overflow:hidden。清除浮动。 ...
2022-02-25 12:47:21
308
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人