自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS position的sticky定位

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

2021-10-31 23:13:31 569

原创 js两种移除事件的方法

在js的学习中,为元素添加事件是非常常见的那么,下面我带大家了解一下js中移除事件的两种方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="点我啊" id=...

2021-10-24 20:44:24 2395

原创 js去重的三种方法

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

2021-10-18 00:18:30 541

原创 CSS弹性盒子

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

2021-10-10 20:36:33 251

原创 JS函数的定义及调用

js函数的定义与调用1、 函数的定义三种方式:①函数定义(简单讲就是使用function关键字开头定义),如下:<body> <button onclick="sum(2,3)">点击求和</button></body> 1 2 3<script> //函数定义 function sum(a,b){ console.log(a,b); return(...

2021-10-10 20:32:01 468

原创 js常见方法

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

2021-10-07 21:24:08 36

原创 HTTP协议的主要特点

目录HTTP协议的主要特点:简单快速灵活无连接无状态 HTTP方法: http常见的状态码有哪些? HTTP也叫作超文本传输协议,全称:Hyper Transfer Protocol。最初HTTP只能传输 HTML文件,慢慢的现在可以传输文字、图像、视频和各种流文件。 HTTP协议的主要特点: 简单快速 灵活 无连接 无状态简单快速简单:每个资源(比如图片、页面)...

2021-10-07 21:21:50 481

原创 css 中级教程

1、display 属性规定是否/如何显示元素。 每个 HTML 元素都有一个默认的 display 值,具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline 属性值:block块/显示 inline行 none隐藏 块级元素: 块级元素总是从新行开始,并占据可用的全部宽度(尽可能向左和向右伸展) <div> <h1> - <h6> &lt...

2021-09-26 19:29:50 114

原创 CSS笔记(二)

11、css的高度(height)和宽度(width) height 和 width 属性不包括内边距、边框或外边距。 它设置的是元素内边距、边框以及外边距内的区域的高度或宽度 属性值: auto - 默认。浏览器计算高度和宽度。 length - 以 px、cm 等定义高度/宽度。 % - 以包含块的百分比定义高度/宽度。 initial - 将高度/宽度设置为默认值。 inherit - 从其父值继承...

2021-09-26 09:10:59 197

原创 CSS笔记(一)

1、CSS的几大选择器 元素选择器:h1{ } id选择器:#box{ } 类选择器:.inp{ } 通配符选择器:*{ } 分组选择器:h1,p{ } 后代选择器:h1 span{} 相邻兄弟选择器:可选择则与当前元素紧挨着的元素 h1+p-->h1下的第一个p 属性选择器: *[titel]{color:red}-->将所有标签中含有title属性的元素字体变为红色 a[hr...

2021-09-21 20:40:04 100

空空如也

空空如也

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

TA关注的人

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