html css
hello worId
这个作者很懒,什么都没留下…
展开
-
功能齐全的纯css实现的轮播图
实现内容: 1.几张图片自动轮播 2.图片上有小圆点自动跟随图片移动 3.用css实现点击效果 思路: 1.图片自动轮播可以在一个小的盒子里面设置一个大盒子,大盒子设置overflow:hidden;然后设置动画。为实现动画的过渡效果,可以在动画中间留有间隙。如: @keyframes swiper { 0%, 18% { left: 0; } 20%, 38% { left: -1920px; } 40%, 58% { left: -3840px; } 60%, 78% { left原创 2020-11-16 11:49:04 · 265 阅读 · 0 评论 -
清除浮动的方式有哪些?
首先我们要知道为什么要清除浮动 在html中,默认使用的就是流式布局; 流式布局:在一个html中每个元素都有每个元素的位置,行内元素从左往右排列布局,块元素从上往下排列布局; 文档流:在一个页面中,在文档流中的元素都有自己的位置,如果某个元素脱离了文档流,那么他将不参与流式布局,不在拥有自己的位置; 块元素如果脱离了文档流,那么他将不参照父元素的宽度定宽,所以脱离文档流的块元素,如果没有内容,则必须设置宽高,如果有内容他就取决于他的内容。 使用浮动就会使元素脱离文档流* ,父级div定义 heig原创 2020-12-03 21:35:52 · 212 阅读 · 0 评论