自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS(DOM 事件)

JS1. html事件1.1 鼠标点击==事件==1. html事件语法<标签 事件="js脚本"> </标签>1.1 鼠标点击事件事件意onload页面加载时触发onclick鼠标点击时触发onmouseover鼠标滑过时触发onmouseout鼠标离开时触发onfoucs获取焦点时触发onblu...

2019-07-04 14:26:23 161

原创 JS(DOM 查找)

JS1.基本的DOM查找方法1.1 document.getElementById(); [id查询]1.2 document.getElementsByTagName(); [name查询]1.3 试用1.基本的DOM查找方法注:1.查询获取要查询的整个标签2.document. 全文档查找。想定向查找看1.31.1 document.getElementById(); [id查询...

2019-07-03 17:57:38 1689

原创 JS错误处理

JS1.语法错误2.运行时错误2.1 ReferenceError(变量引用异常触发);2.2 TypeError(类型使用错误触发)2.3 RangError(递归爆栈时触发,递归深度太深)3.逻辑错误4. 抛出发错误1.语法错误语法错误;不符合JS语法的错误。出现语法错误,控制台会进行报错并且提示哪一行存在错误(不一定准确)。1.符号打错,多打,少打,漏打。2.变量名不合法。3.语句...

2019-05-25 14:53:52 325

原创 JavaScrit(内置对象)

JS1.Array(数组)1.1 数组的栈方法(头尾的添加删除) [栈(据结构暂不深究)][1]1.1.1push(); 添加到数组的最后1.1.2 unshift();添加到数组的最前1.1.3 pop();删除最后一个值1.1.4 shift();删除第一个值1.1.4 join();把数组连接成字符串1.Array(数组)语法:var ShuZu=new Array();1.如果知...

2019-05-24 15:45:33 354

原创 JavaScrit(函数)

JS1.函数的定义2.return(返回值)3. arguments(访问函数参数的数组)1.函数的定义函数的作用:把一些需要反复调用的脚本封装。语法 function 起一个名字(函数参数1,函数参数2,函数参数3){ 反复调用的脚本; }1.函数的名字属于标识符。(注意标识符的命名规则)2.函数的参数,不是必须有的。(可有,可无,可多项)例如(无参数函数): funct...

2019-05-07 17:20:28 176

原创 JavaScrit(分支与循环)

JS1.分支语句(if 三种选择以内)2.分支语句(switch 三种选择以上)alert();弹出一个提示框console.log();控制台中输出语句document.write();在页面中显示内容prompt();弹出一个输入框 (是数字为 false,不是数字为true)函数.length获取函数的长度isNaN();...

2019-04-30 17:30:38 240

原创 JavaScrit(语法)

JSJS简述1.JS 语法规则1.1JS注释与分号1.2JS的语法和标识符1.3变量2.JS 数据类型2.1 typeof检测符2.2 undefined 类型(没有定义)2.2 null 类型(空)2.3 Number类型(整数和浮点数)2.4 数值转换2.4.1 Number();2.4.2 parseInt( );2.4.3 parseFloat();2.5 string类型2.6 str...

2019-04-29 19:50:15 781

原创 CSS3(动画)

CSS3不同浏览器的内核和前缀1.CSS3动画1.1 animation-name(动画的名称)1.2 animation-duration(动画播放时间)1.3 animation-timing-function(动画类型)1.4 animation-delay(动画延迟)1.5 animation-iteration-count(动画循环次数)1.6 animation-direction(是...

2019-04-22 16:52:37 195

原创 CSS3(过渡)

CSS3不同浏览器的内核和前缀CSS3过渡(动画)1. transition-property(指定过渡属性的名称)2. transition-duration(持续时间)3. transition-timing-function(过渡类型)4. transition-delay(过渡延迟)5.transition(过渡简写)不同浏览器的内核和前缀Chrome(谷歌浏览器) :WebKit内核...

2019-04-21 13:59:52 270

原创 css3(2D 和3D)

CSS3不同浏览器的内核和前缀1.transform(变形)2.transform 2D2.1 rotate (2D旋转)2.2 translate (2D平移)2.3 scale (2D缩放)2.3 skwe (2D扭曲或斜切)3.transform 3D不同浏览器的内核和前缀Chrome(谷歌浏览器) :WebKit内核 -webkit-Safari(苹果浏览器) : Web...

2019-04-19 15:20:26 665

原创 CSS3(文字和字体)

CSS31.文本1.1 text-shadow文本阴影1.2text-outline文本轮廓1.3 word-break换行(自动换行的处理方法)1.4 word-wrap换行(用于长单词或URL)1.5text-align-last属性(最后行对齐方法)1.6text-overflow属性(文本溢出)2.字体1.文本1.1 text-shadow文本阴影语法:text-shadow:横向...

2019-04-18 10:15:09 352

原创 CSS3(背景和渐变)

CSS31.背景1.1背景图像区域(background-clip)1.2背景图像定位(background-origin)1.3背景图像大小(background-size)1.3多重背景图像1.4 简写2.渐变2.1 线性渐变(linear-gradient(方向,颜色,颜色);)2.1.1上下渐变2.1.2左右渐变2.1.3对角渐变2.1.4角度渐变2.1.5渐变色节点控制2.1.6渐变色透...

2019-04-15 17:39:42 351

原创 CSS3(边框和圆角)

CSS31.CSS3圆角2.CSS3盒阴影3.CSS3边界图片1.CSS3圆角语法:border-radius: 数值或%; border-radius:5px;多值border-radius:左上角,右上角,右下角,左下角;(4值)border-radius:左上角,右上角和左下角,右下角;(3值)border-radius:左上角和右下角,左上角和右下角;(2值)单角定义...

2019-04-15 13:48:12 1534

原创 CSS3(新增选择器,nth选择器,伪元素)

CSS31.CSS3选择器1.1新增基础选择器1.1.1 子元素选择器(>)1.1.2 相邻元素选择器(+)1.1.3通用兄弟选择器(~)1.1.4群组选择器(,)1.2属性选择器1.2.1 标签名[标签属性]1.2.2 标签名[标签属性="值"]1.2.3 标签名[标签属性~="值"] (用于多值,包含所写的值有效)1.2.4 标签名[标签属性^ ="值"] (开头包含,多值默认采取...

2019-04-14 16:24:09 1086

原创 HTML入门篇 (下篇-HTML5 新标签 新属性)

HTML前言1 新增标签1.1结构标签(有语义化div)1.2多媒体标签1.2.1 audio(音频)1.2.2 video(视频)1.2.3 source(媒体资源)1.2.4 canvas(画布)1.2.5 embed(外部可交互的内容或插件)1.3状态标签1.3.1 meter(实时状态)1.3.2 progress(进度标签)1.4 列表标签1.4.1 datalist(数据列表标签)1....

2019-04-09 16:19:36 239

原创 CSS入门篇(position属性 定位)

CSS前言1.relative(相对定位)1.1作用1.2特点:2.absolute(绝对定位)2.1 作用2.2特点3. fixed(固定定位)3.1作用4.sticky(磁贴/粘性/吸附定位)4.1作用4.2特点5 static(常规/静态/自然定位)5.1作用5.2特性总结前言前面我们说过了CSS的浮动和清除浮动的方法。本篇的内容主要讲述position定位。后续还会有JS 的篇章。开...

2019-03-31 18:13:20 208

原创 CSS入门篇(float浮动)

CSS前言css定位机制1. float属性介绍(浮动)1.1**==fioat(浮动)的基本知识==**1.1**==fioat(浮动)的基本语法==****1.1.1靠左浮动****1.1.1靠右浮动**2.使用float(浮动)后产生的为题2.1 高度塌陷问题(浮动溢出)==**2.1.1例子1:**== 我们用一个 ==宽高为400px== 的大div 嵌套 3个高宽为100px的小div...

2019-03-27 17:26:46 505

原创 CSS入门篇(第四篇,背景与列表)

前言前面我们说过了CSS的盒子模型。本篇的内容主要讲述背景样式和列表样式。后续还会有JS 的篇章。1. 背景样式背景样式的数属性:属性名简述值background-color背景颜色RGB,颜色英文名称,十六进制,RGBA,默认值(transparent)background-image背景图片URL,nonebackground-repeat背...

2019-03-25 16:08:35 237

原创 HTML入门篇 (中篇-表格与表单)

HTML前言1.表格1.1表格的结构1.2表格的结构1.3带结构的表格1.4表格跨行跨列1.4表格属性2.表单2.1都有那些标签是表单元素2.2 form标签的属性2.3input(输入标签)2.3.1 属性2.3.2 input(text 文字)2.3.3 input(password密码)2.3.4 input(file文件)2.3.5 input(Button按钮)2.3.6效果2.3.7单...

2019-03-23 17:26:15 232

原创 CSS入门篇(第三篇,盒子模型)

前言在前一章节,我们讲述了CSS字体样式和文本样式,本篇的内容要讲述盒子模型,盒子模型在CSS里是一个重点,请细新理解。后续还会有JS 的篇章。CSS样式无法展示请自行测试。1.盒子模型的感念。说到盒子我们就会想到快递的包装盒和物品盒子。如图片: 我们已带戒指的小盒子为例:小红框就是为主1.浅蓝色内区域是内容部分(content),可以理解成生活中的物品。2.我们向往看,有黄线画的...

2019-03-21 17:00:52 219

原创 CSS入门篇(第二篇,字体与文本)

前言前面我们说过了CSS如何使用引入以及优先级。本篇的内容主要讲述字体样式和文本样式。后续还会有JS 的篇章。CSS样式无法展示请自行测试。1.字体样式1.1 字体属性属性描述值font-family字体fint-size字体大小color字体颜色font-weight字体粗细font-style字体样式1.1.1 ...

2019-03-20 19:20:36 326

原创 CSS入门篇 (第一篇,CSS选择器与CSS权值)

CSS前言1.CSS基础语法1.1css基础语法1.2如何引用CSS样式1.2.1行内样式(内联样式)1.2.2内部样式(嵌入样式)12.3外部样式1.2.4导入式1.2.5CSS使用方法的区别1.2.6使用链入式的好处2.CSS选择器2.1标签选择器2.2类选择器2.3 ID选择器2.4全局选择器2.5群选择器2.6后代选择器2.7伪类2.7.1链接伪类3.CSS继成,层叠和优先级3.1继成3....

2019-03-18 16:47:53 254

原创 HTML入门篇 (上篇,文字,段落,图片,超链接和基础标签)

HTMLhtml基础HTML发展史HTML特点基础语法文档声明和meta标签文字和段落列表标签功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流...

2019-03-16 17:12:35 1292

空空如也

空空如也

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

TA关注的人

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