自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 HTML基础标签:标题标签、段落标签、换行标签、文本格式化标签、图片标签、路径、链接标签、文本格式化标签、引文, 引用, 及标签定义、注释、特殊字符

​ 1.外部链接: 例如 < a href=“http:// www.baidu.com “> 百度。​ 5.网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.1. < div> 标签用来布局,但是一行只能放一个< div> //大盒子,块元素。2. < span> 标签用来布局,一行上可以多个 < span>//小盒子,行元素。​ 2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,标签用于定义 HTML 页面中的图像。

2023-05-10 09:17:53 4246

原创 HTML的认识:标签组成及关系、html网页基本组成结构、web标准

HTML:一种用来描述网页的语言,指的是超文本标记语言 (Hyper Text Markup Language) ,这种标记语言是一套标记标签,html通过标记标签来描述网页。Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。主要包括 《结构Structure》 、《表现(Presentation)》和《行为(Behavior)》三个方面。​ 2.HTML 标签通常是成对出现的,例如 和 ,称为。​ 1.HTML 标签是由尖括号包围的关键词,例如。

2023-05-09 20:41:02 235

原创 HTML初识:网页结构、标签、特殊符号、列表

HTML初识一、网页结构初识二、标签1.文章标题标签2.段落标签3.倾斜标签4.加粗标签5.删除线6.下滑线7.上/下标签8.强制换行标签9.水平线标签三、特殊符号四、列表1.无序列表2.有序列表3.自定义列表:一、网页结构初识<!-- doc:document 文档 type:类型 文档类型 --><!-- 声明代码类型 --><!DOCTYPE html><html lang="en"><!-- head头部 --><h

2022-05-17 18:34:08 408

原创 Javascrip内置对象之Math数学对象

Javascript内置对象之Math数学对象属性封装函数对象

2022-01-24 22:01:12 773

原创 Javascript内置对象之Date日期对象:

Javascript内置对象之Date日期对象使用Date实例化日期对象日期格式化Date获取总毫秒数(时间戳)倒计时案例

2022-01-24 22:00:10 538

原创 Javascript内置对象:内置对象的初步感知、文档查阅、内置对象的四种类型

Javascript内置对象查阅文档MDN内制对象四种类型

2022-01-24 21:58:52 189

原创 HTML 标签、表格、列表、表单 详细汇总

1. html基础标签<!DOCTYPE html><!-- 文档类型声明 --><html lang="en"><!-- 语言种类 en--英语/zh-CN---汉语 --><head> <!-- <head>头部标签</head> --> <meta charset="UTF-8"> <!-- charset="UTF-8"----字符集 UTF-8-

2021-12-24 17:33:00 870

原创 API+DOM:API的概念+Web API的概念+API 和 Web API 总结+DOM概念+DOM树

Web APIAPI的概念Web API的概念API 和 Web API 总结API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,无需访问源码,无需理解其内部工作机制细节,直接调用使用即可。Web API的概念​ Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。​ 现阶段主要针对于浏览器讲解常用的 A

2021-08-29 14:39:39 121

原创 简单数据类型和复杂数据类型:简单数据类型+复杂数据类型+堆和栈+简单类型传参+复杂数据类型传参

简单数据类型和复杂数据类型简单数据类型复杂数据类型堆和栈简单类型传参复杂数据类型传参简单数据类型​ 简单数据类型又叫基本数据类型、值类型:在存储时变量中存储的是值本身;string ,number,boolean,undefined,null//字符串型 String 返回值为他的赋值结果 var string = "字符串类型"; console.log(string); //输出结果String {"asdf"} //数字型 Number 返

2021-08-28 13:03:17 124

原创 Javascript内置对象之String字符串对象:基本包装类型 字符串的不可变 根据字符返回位置 根据位置返回字符 字符串操作方法 替换字符 字符串转换为数组 字符串转换大/小写

Javascript内置对象之String字符串对象一、基本包装类型二、字符串的不可变三、根据字符返回位置四、根据位置返回字符五、字符串操作方法六、replace()替换字符的方法七、split()字符串转换为数组方法八、toUpperCase()转换为大写九、toLowerCase()转换为小写

2021-08-21 17:42:39 152

原创 Javascript内置对象之Array数组对象:创建数组的两种方式 检测是否为数组 添加删除数组元素 翻转数组/数组排序 查找索引 数组转换字符串 连接数组 截取数组 删除数组

Javascript对象之 Array数组对象一、创建数组的两种方式二、检测是否为数组三、 添加/删除数组元素四、reverse()翻转数组/ sort()数组排序五、查找数组索引方法indexOf() /lastIndexOf()六、 toString() /join() 数组转换为字符串七、concat()连接数组八、slice()数组截取九、splice()数组删除

2021-08-20 14:19:08 141

原创 Javascript 自定义对象:创建对象的方式【字面量(变量、属性、函数、方法)/new Object/构造函数创建对象(构造函数与对象的区别)】new关键字 遍历对象(for...in语句) 总结

Javascript 自定义对象一、创建对象的三种方式1.利用字面量创建对象变量、属性、函数、方法总结2.利用 new Object 创建对象3.利用构造函数创建对象构造函数与对象的区别二、new关键字的作用三、遍历对象for...in 语句四、总结

2021-08-15 14:05:05 739

原创 Javascript作用域: 全局变量 局部(函数)变量 全局变量/局部变量对比 块级作用域 作用域链 预解析

Javascript作用域一、全局变量二、局部(函数)变量三、全局变量/局部变量对比四、块级作用域五、 作用域链六、 预解析

2021-08-13 00:00:15 248

原创 Javascript函数:函数的使用 函数的返回值(1.return 语句2.break ,continue ,return 的区别)arguments 使用 (伪数组) 调用函数 函数的两种声明方式

Javascript函数一、函数的使用1. 无参数2. 有参数 3. 形参与实参个数不同二、函数的返回值return 语句1. 返回函数2. 终止函数3. 返回值break ,continue ,return 的区别三、arguments 使用伪数组四、调用函数五、函数的两种声明方式1. 定义函数方式(命名函数)2. 函数表达式方式(匿名函数)

2021-08-12 00:32:35 362

原创 Javascript数组: 创建数组 (利用 new 创建数组 利用 数组字面量 创建数组) 获取数组中的元素 (数组的索引) 遍历数组 (数组遍历 数组的长度) 数组中新增元素 冒泡排序

Javascript数组一、创建数组1.利用 new 创建数组2.利用 数组字面量 创建数组二、获取数组中的元素数组的索引四、 遍历数组1.数组遍历2.数组的长度五、数组中新增元素六、冒泡排序

2021-07-22 20:39:01 833

原创 Javascript流程控制: 顺序流程控制 分支流程控制 (if语句 三元表达式 switch语句) 循环流程控制(for循环/断点调试 while循环 do-while循环 退出循环)

Javascript流程控制一、顺序流程控制二、分支流程控制(三种)1.if 语句if else语句(双分支语句)if else if 语句(多分支语句)2. 三元表达式3. switch分支流程控制4.switch 语句和 if else if 语句的区别三、循环流程控制(三种)1. for循环双重for循环for循环补充断点调试:小结2. while循环3.do-while循环4.循环小结5. 退出循环(两种)

2021-06-08 13:14:45 197

转载 Javascript运算符: 算术运算符 递增/递减运算符 比较运算符(等号区别) 逻辑运算符 赋值运算符 (运算符优先级)

Javascript运算符: 算术运算符 递增/递减运算符 比较运算符(等号区别) 逻辑运算符 赋值运算符 (运算符优先级)

2021-06-06 16:16:35 299

原创 Javascript数据类型:变量与数据类型 数字型Number 字符串型String 布尔型Boolean Undefined和Null 检测变量typeof 数据类型转换 标识符 关键字 保留字

数据类型 意义 变量的数据类型 数字型Number 字符串型String 布尔型Boolean 未定义s数据型Undefined 空值Null 检测变量typeof 数据类型转换 标识符 关键字 保留字

2021-05-31 07:42:12 272

原创 JavaScript变量: 变量认识 变量的使用 变量语法扩展 变量命名规范

一、变量认识二、变量的使用三、变量语法扩展1.更新变量2. 同时声明多个变量3. 声明变量特殊情况4. 交换变量五、变量命名规范

2021-05-19 13:55:45 145

原创 JavaScript 初识:HTML/CSS/JavaScript 的关系 JavaScript 作用 JavaScript 组成 JavaScript 编程方式 JavaScript输入输出语句

JavaScript 基础一、HTML/CSS/JavaScript 的关系二、 JavaScript 作用三、 JavaScript 组成四、JavaScript 编程方式五、JavaScript输入输出语句

2021-05-17 20:53:10 143

原创 计算机编程基础整理+计算机基础:编程语言+计算机语言+编程语言+翻译器+编程语言和标记语言区别+计算机组成+ 数据存储+ 数据存储单位+程序运行

计算机编程基础编程语言编程计算机程序注意计算机语言编程语言编程语言编程就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。注意上面所定义的计算机指的是任何能够执行代码的设备,可能是智能手机、ATM机、黑莓PI、服务器等等。计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。计算机语言的种类

2021-05-13 13:56:19 118

原创 css3新增:属性选择器+结构伪类选择器+伪元素选择器(::before+::after)+CSS3 盒子模型+图片变模糊+calc函数+CSS3 过渡(transition)

这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录

2021-04-21 13:25:53 355

原创 HTML5新增特性:语义化标签+多媒体标签+iuput类型+表单属性

HTML5的新特性HTML5新增的语义化标签HTML5新增的多媒体标签三级目录不考虑兼容性的情况下可使用HTML5新增的语义化标签header — 头部标签nav — 导航标签article — 内容标签section — 块级标签aside — 侧边栏标签footer — 尾部标签<body> <header>头部标签</header> <nav>导航栏标签 </nav>

2021-04-09 13:56:52 460

原创 css页面布局技巧+css初始化: margin负值运用+文字围绕浮动元素+行内块巧妙运用+CSS 三角强化+Unicode编码字体

css常见布局常见布局技巧margin负值运用文字围绕浮动元素行内块巧妙运用CSS 三角强化 案例原理代码参考CSS 初始化常见布局技巧margin负值运用让每个盒子margin 往左侧移动 -1px 正好压住相邻盒子边框<style> ul li { float: left; list-style: none; width: 150px; height: 200px;

2021-04-04 21:53:34 157

原创 css高级技巧 精灵图+字体图标+三角+用户界面样式+vertical-align 属性应用+溢出的文字省略号显示

css高级技巧精灵图精灵图的使用字体图标1.产生原因2.优点总结:字体图标的下载字体图标的引入字体图标的追加字体图标加载的原理:精灵图(_软件:Adobe Fireworks CS6)精灵图的使用使用精灵图的核心:主要使用于背景图片,将多个小背景图合成一个大的图片中大图片称为:sprites 精灵图 或者 雪碧图使用:+ 1. 移动图片位置{background-position(背景位置)}+ 2. 移动图片的距离就是目标图片的x和y坐标{网页中,从x左到右递增,y从上到下递增(x轴右

2021-04-03 18:29:41 297

原创 css元素的显示与隐藏 display显示隐藏 +visibility显示隐藏 +overflow溢出显示隐藏

css元素的显示与隐藏display显示隐藏元素visibility显示隐藏元素overflow溢出显示隐藏display显示隐藏元素display 设置或检索对象是否及如何显示。display: none 隐藏对象display:block 除了转换为块级元素之外,同时还有显示元素的意思。特点: display 隐藏元素后,不再占有原来的位置。visibility显示隐藏元素visibility 属性用于指定一个元素应可见还是隐藏。visibility:visible ;  元素可视

2021-04-02 19:47:10 825

空空如也

空空如也

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

TA关注的人

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