自定义博客皮肤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)
  • 收藏
  • 关注

原创 JS操作样式属性和JS事件

innerHTML获取元素内部的HTML结构、设置元素内容innerText获取元素内部的文本(只能获取到文本内容,获取不到html标签),可以设置元素内部的文本getAttribute获取元素的某个属性(包括自定义属性)setAttribute 给元素设置一个属性(包括自定义属性)removeAttribute 直接移除元素的某个属性style专门用来给元素添加 css 样式的,添加的都是行内样式className专门用来操作元素的类名的 JS事件事件的三要素事件源:网页上的元素。如:按钮,

2022-06-30 22:38:18 209 1

原创 JS操作DOM元素

DOM ( Document Object Model ),叫做文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。文档节点==>document元素节点==>标签属性节点==>标签的属性文本节点==>标签体通过可编程的对象模型 JavaScript 能够创建动态的 HTML节点 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScrip

2022-06-30 22:30:03 381

原创 定时函数和swiper插件

setTimeout(changeBackgroundColor,1000); 定时关闭 函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。 setInterval(changeBackgroundColor,1000); 重复执行 函数的用法与完全一致,区别仅仅在于指定某个任务每隔一段时间就执行一

2022-06-30 15:36:22 314

原创 JavaScript基础和JS函数和对象

行内 内嵌 外部 简单数据类型说明默认值Number数字型,包含整数值和浮点值0Boolean布尔值类型,如true、false,等价与1和0falseString字符串类型“”UndefinedVar a;声明了变量a但是没有给值,此时a = undefinedundefinedNullVar a = null;声明了变量a为空值null if if…else switch 反复地执

2022-06-29 00:54:37 162

原创 了解REM文字适配和Flex布局

em单位 实际大小就是父元素字体大小的倍数 rem 根元素的字体大小作为基准。 父项: flex-direction: 设置主轴的方向; row:默认值 从左到右 row-reverse 从右到左 column:从上到下依次排列 column-re

2022-06-27 23:44:27 89

原创 了解CSS定位原理及格式 了解CSS过渡、变形和动画

1、开启定位 2、指定偏移量 position:定位方式 static: 默认值 没有开启定位 relative:相对定位 相对于该元素在文档流中的位置 absolute:绝对定位 相对的位置不一样 相对于开启了定位的 父元素的定位,如果父元素没有开启定位,就依次往上找父元素

2022-06-25 00:44:59 122

原创 了解CSS浮动的实现方式

标准流:指的是在不使用其他的与排列和浮动、定位相关的特殊CSS规则时,各种元素的排列规则。

2022-06-24 00:24:13 136

原创 了解学习CSS盒模型的基本原理并进行初步演示

CSS盒模型概述定义:把HTML页面中的元素看作是以一个矩形的盒子。内容——框的内容,其中显示文本和图像。(height、width)内边距——清徐内容周围的区域。内边距是透明的。(padding)边框——围绕内边距和内容的边框。(border)外边距——清除边界外的区域,外边距是透明的。(marge)其他盒模型display:设置元素的显示模式(块&行内)visibility:用于设置元素的显示状态( 显示&隐藏)box-sizing:用来设置盒子尺寸的计算方式outine:用来设置元素的轮廓线

2022-06-22 23:30:48 87

原创 html介绍和CSS控制页面

HTML介绍和常用标签 请结合前面的总述观看

2022-06-22 01:39:47 336

原创 利用HTML、CSS、JS和Swiper插件实现抖音视频滑动功能

HTML、CSS、JS的初步学习。

2022-06-20 22:19:01 1289

空空如也

空空如也

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

TA关注的人

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