CSS盒子模型是什么意思?_WEB前端开发
CSS盒子模型都具备内容content、内边距padding、边框border、外边距margin这些属性,这些属性可以用日常生活中的常见事物“盒子”作一个比喻来理解,所以称作为盒子模型。
CSS实现轮播图效果(附代码)
理论基础
CSS3 animation 属性和 @keyframes 规则
主体思想
1、准备相同大小的多个图片
2、将要展示图片横排放在一个图片容器里面
3、在图片容器外再加一个展示容器,展示容器大小为图片大小
4、给图片容器添加自定义动画,在动画不同阶段设置递增的偏移值
注意事项
动画效果分为切换和停留两部分
自定义动画阶段与图片数量相关
动画各阶段偏移值与图片大小相关
setTimeout和setInterval的区别是什么_WEB前端开发
setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,区别是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环下去。
本文中示例最后一个图片到第一个图片没有切换效果,一个思路是可以由最后一个图片再挨个切换到第一个图片
HTML