- 博客(5)
- 收藏
- 关注
原创 无缝轮播图
#轮播图无缝划屏普通轮播图 最后一张点击下一张会左移回去要想实现无缝就得在第一张前插入最后一张图片 最后一张后插入第一张图片在最后一张时点击下一张其实就是在播放最后一张 图时切换索引到第一张图片这里的实现动态支持任意数量的图片<div id="container"> <style> * { margin: 0px; ...
2019-09-24 23:18:32 191
原创 bfc的理解与应用
bfc的理解与应用bfc的理解:BFC是一个独立的块级渲染容器,拥有自己的渲染规则,不受外部影响,不影响外部特征bfc特性:内部box垂直往下排列内部相邻块元素margin重叠,取较大的margin值BFC区域不会遮盖浮动元素区域计算BFC高度时,浮动元素高度也计算在内BFC是独立渲染容器,外部元素不影响内部,反之亦然bfc产生条件:固定定位和绝对定位float除了no...
2019-09-19 10:58:26 264
原创 快排与冒泡
单标识快排与冒泡单标识快排方便记忆但效率较低,双标识快排快到起飞 let arr=[2,3,9,4,1,0,6,7,5,8] //冒泡 function bubbleSort(arr) { for (let i = 0; i < arr.length-1; i++) { //外层循环一次排出一个最大值 下一次最大值不进入比较 ...
2019-09-17 17:00:49 166
原创 css实现简单对话框
css实现简单对话框html部分 <section class="dialog-box"> <div class="triangle"></div> <div class="rectangle">对话框</div> </section>css部分 .triangle { wid...
2019-09-15 22:41:47 463
原创 css权重
css权重!important (infinity)内联样式 (1000)id (100)class | 伪类 | 属性 (10)标签 | 伪元素 (1)通配符 0<!-- 页面结构 --> <div class="box"></div>/*这一段代码显示背景为pink的div 权重1+10>10*/ div.box{ ...
2019-09-15 20:31:04 188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人