自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 CSS position的sticky定位

position: sticky -粘性定位(是css新增的一个position属性)使用注意事项: 父元素不能有 overflow 属性 left、top、right、bottom必须要设置一个 仅在父元素内生效,父元素的高度必须大于sticky元素设置的高度 简单理解就是,当你页面滚动的距离小于你设置的 left、top、right、bottom的值时 position: sticky 就相当于 position:relative 当你页面滚...

2021-11-01 13:24:43 225

原创 js的去重方法

js去重的方法有哪些呢?方法一:利用数组的indexOf方法去重需求:利用indexOf判断是否存在于新数组中,不存在则push到新数组,最后返回新数组1. 需要一个数组用于存放筛选之后的数据2. 遍历原来的数组,把不是0的数据添加到新数组里面3. 新数组里面的个数,用length不断累加 var arr = [58, 6, 8, 56, 0, 8]; function unique() { v...

2021-10-24 19:47:35 1073

原创 css弹性盒子

一flex-direction 属性指定了弹性子元素在父容器中的位置。 语法:flex-direction: row(默认)、row-reverse 、 column 、column-reverse二内容对齐(justify-content)属性应用在弹性容器上,把弹性项沿着弹性容器的主轴线(main axis)对齐。 justify-content 语法如下:justify-content: flex-start(默认) 、flex-end 、 center 、 space-b...

2021-10-17 22:00:28 40

原创 国庆写的一个小网页

结构</div> <div class="all"> <!--放图片--> <div class="fistimg"> <img src="img/图片/新闻/xinwen01.jpg" /> </div> <!--整个内容--> <div class="zgnr clearfix"> <!--左边部分--> <div class

2021-10-07 21:52:52 118

原创 JS的常见方法

目录:数组的合并和拆分数组排序:查找数组的元素数组元素的添加和删除方法 描述push() 向数组的最后面插入一个或多个元素,返回结果为新数组的长度pop() 删除数组中的最后一个元素,返回结果为被删除的元素unshift() 在数组最前面插入一个或多个元素,返回结果为新数组的长度shift() 删除数组中的第一个元素,返回结果为被删除的元素slice()...

2021-10-07 21:45:00 46

原创 小游戏~锅打灰太狼

style type="text/css"> * { margin: 0; padding: 0; } html { font-size: 10px; } body, html { height: 100%; } .all { height: 100.

2021-09-26 09:12:07 80

原创 中国结、菱形

1.中国结中国节的结构<body> <div class="z"> <div class="q"> <div class="k1"></div> <div class="k2"></div> <div class="k3"></div> <div class="k4"></div> <div class="y1">&

2021-09-21 20:16:11 247 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除