自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS--DOM

DOMDocument Object Model 文档 对象 模型HTML里面的节点进行操作(增、删、改、查)Node 节点 NodeList 节点列表NodeNameNodeValueNodeType元素节点元素名称null1属性节点属性名属性值2文本节点#text文本内容3注释节点Comment注释内容8元素节点获取节点Node 节点 NodeList 节点列表通过标签名获取元素节点

2021-06-16 13:39:52 131

原创 JS 事件

事件功能:监听事件的触发,调用函数事件三要素事件源:绑定事件的节点事件类型:鼠标和键盘事件事件处理函数:触发事件时调用的函数DOM2给节点添加事件监听器书写格式:NodeName.addEventListener(参1,参2,参3)参1:事件类型参2:事件处理函数参3:事件流[参数3,取值为true是捕获,取值为false是冒泡(默认值)]//冒泡:从里到外依次执行artEle.addEventListener("click",artFn,false);secEle.addE

2021-06-16 09:53:28 134

原创 Web前端基础——列表list

列表适用场景列表:某一类相关的内容,整合到一起展示导航:如下代码<header> <nav> <ul> <li> <a href="#"><i></i>首页</a> </li> <li>

2021-04-11 17:14:21 1533

原创 Web前端基础——弹性布局display:flex

display:元素显示的方式display的取值:display:none 不生成盒子display:inline 行盒 多个行盒 标签可在一行显示display:block 块盒 块盒元素独占一行display:其他 例如:flexFlex容器:父元素项目:子元素主轴:X轴(默认)交叉轴:y轴(默认)display不具有继承性display:flex;添加flex的标签就是容器,子元素就是项目功能:1.所有的项目默认情况在

2021-04-03 17:00:51 788

原创 WEB前端基础——绝对定位、相对定位

相对定位相对位置,是指相对于盒子在原本定位体系下的位置将盒子的position属性设置为relative,以启用相对位置盒子启用相对位置,起始位置为元素本身位置的左上角,移动后会保留盒子的本身的位置,下面的常规流盒子不会移动。视口浏览器的可视 窗口绝对定位概述当浮动元素被设置为绝对定位属于绝对定位,float属性被强制设置为none绝对定位元素对其他元素的影响绝对定位元素不会对其他任何元素造成任何影响绝对定位元素的位置可通过left、top、right、botto

2021-03-27 19:23:56 3327

原创 web前端客户端基础学习

!DOCTYPE html功能是:告知浏览以哪个版本来解析HTML的元素注:必须放在第一行DOCTYPE 文档声明定义document 文档type 类型charsetutf-8字符编码集告诉浏览器用哪一个版本来解析文本(包括标点符号,文字)viewport视口(可视窗口)title标签页标题HTML元素的组成部分元素:起始标记、内容和结束标记某些元素的起始标记内有属性属性:属性名和属性值例如:<a href="/classroom/17">班级&

2021-03-20 15:35:55 275 2

空空如也

空空如也

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

TA关注的人

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