摘要：
链接：页面中，用户能点击，并且能够实现页面跳转的操作，都是一个链接标签 标签：<a></a> HTML属性： href：链接的url网址 target：设置网页打开的方式：取值固定：2个 - 可以提升用户的体验感 1、_self：当前页面中打开，默认 2、_blank：在新标签页打开一个网址 nam 阅读全文
posted @ 2021-08-16 13:38
rigorous
阅读(415)
评论(0)
推荐(0)
摘要：
格式：jpg（普通、有损压缩啦）、png（高清图）、gif(动图、非常模糊)... 图片标签：<img> HTML属性： src：引入图像的路径（1、绝对路径 2、相对路径） width：可以设置图片的宽度 - 设置图片的宽度时会等比缩放，高度也会跟着变化 height：可以设置图片的高度 如果同时 阅读全文
posted @ 2021-08-16 13:37
rigorous
阅读(1751)
评论(0)
推荐(0)
摘要：
路径的两种形式： 1、绝对路径：2种情况 1、本机上的资源 从盘符开始 C盘 D盘...往下一步一步的找下去： 比如：d:/课件/01html5basic/HTML5基础02/笔记.txt 注意：1、使用/ 不使用\ 2、尽量的不要出现中文（放在服务器端有可能会出问题） - 说白了去文件名尽量的不要 阅读全文
posted @ 2021-08-16 13:36
rigorous
阅读(618)
评论(0)
推荐(0)
摘要：
URL：Uniform Resource Locator 统一 资源 定位器 俗称：路径：就是一个文件到另一个文件的位置 经过的路线 阅读全文
posted @ 2021-08-16 13:35
rigorous
阅读(517)
评论(0)
推荐(0)
摘要：
<details> <summary>标题</summary> ... </details> 阅读全文
posted @ 2021-08-16 13:34
rigorous
阅读(107)
评论(0)
推荐(0)
摘要：
<mark></mark> 阅读全文
posted @ 2021-08-16 13:33
rigorous
阅读(80)
评论(0)
推荐(0)
摘要：
<meter min="" max="" value=""></meter> 阅读全文
posted @ 2021-08-16 13:32
rigorous
阅读(95)
评论(0)
推荐(0)
摘要：
1、表单的作用：用于显示、收集信息，并且将收集到的信息提交给服务器 2、表单的组成： 1、表单元素：<form></form> 2、若干表单控件组成 3、表单元素：<form></form> 属性： 1、action(必须的、暂时不需要) 定义服务器端处理表单数据的地址 暂时可以省略不写，默认提交到 阅读全文
posted @ 2021-08-16 13:31
rigorous
阅读(525)
评论(0)
推荐(0)
摘要：
1、H5新提供标签： 1、视频：<video src="视频路径" controls="显示出控制器" loop="循环播放">你的浏览器不支持(老IE)</video> 强调：controls 和 loop 不需要写出属性值，默认属性值和属性名相同可以省略 H5新提供的一切内容，老IE（6/7/8 阅读全文
posted @ 2021-08-16 13:30
rigorous
阅读(85)
评论(0)
推荐(0)
摘要：
1、CSS3提供的：媒体查询 媒体：设备：PC/PAD/PHONE/TV... 可以使用css对设备进行一个查询，对不同的设备设置不同的css样式 - 使用起来可能略微有点点麻烦，以后才会简化 如何使用： @media screen and (min-width: 1280px ) {/*最小宽度只 阅读全文
posted @ 2021-08-16 13:23
rigorous
阅读(94)
评论(0)
推荐(0)
摘要：
什么是响应式网页？ 响应式网页：一套网页，可以再手机端或PC端或pad都可以无障碍的阅读 阅读全文
posted @ 2021-08-16 13:21
rigorous
阅读(108)
评论(0)
推荐(0)
摘要：
1、使用动画：2步 1、创建动画 创建关键帧：当前元素的几个关键状态，当设置好关键帧后，动画就可以将几个关键帧连起来播放，并且使用过度的效果 语法：@keyframes 动画名称{ 0%{ css属性名:css属性值; ... } 50%{ css属性名:css属性值; ... } 100%{ cs 阅读全文
posted @ 2021-08-16 13:20
rigorous
阅读(94)
评论(0)
推荐(0)
摘要：
CSS3提供的过渡：一个样式到另一个样式之间，本身是瞬间改变的，而过渡可以让我们看到慢慢变过去的效果 语法：transition: 1s;//多少秒自己定义 过渡支持一切css属性，一定需要搭配上hover之类交互效果 过渡只支持：数值类型的操作 阅读全文
posted @ 2021-08-16 13:18
rigorous
阅读(90)
评论(0)
推荐(0)
摘要：
1、什么是转换 转换时时元素改变形状、位置、尺寸的一种效果 2、转换的分类 主要分为2d转换和3d转换 3、转换的属性： transform: 取值复杂； 2d转换属性的取值： 1、位移：让元素在x轴或Y轴进行移动 语法：transform: 1、translateX(具体的数值或者百分比) 2、t 阅读全文
posted @ 2021-08-16 13:17
rigorous
阅读(124)
评论(0)
推荐(0)
摘要：
1、表格常用样式属性 1、尺寸 2、内边距外边距 3、文本相关的 4、背景 5、边框 6、*文本、行内块垂直对齐方式：vertical-align: top/middle/bottom; 2、特有：只有在表格中才能使用 1、边框合并：border-collapse: collapse; 前提：要给t 阅读全文
posted @ 2021-08-16 13:14
rigorous
阅读(416)
评论(0)
推荐(0)
摘要：
语法：cursor: 取值：pointer - 小手 text - I help - 鼠标后面跟着一个? wait - 转圈圈，正在加载的感觉 阅读全文
posted @ 2021-08-16 13:13
rigorous
阅读(118)
评论(0)
推荐(0)
摘要：
1、***属性：display 取值：block - 块级 inline - 行内 inline-block - 行内块 none - 隐藏 注意强调： 1、display:inline-block，默认垂直方向是基线对齐，修改： vertical-align: top/middle/bottom 阅读全文
posted @ 2021-08-16 13:13
rigorous
阅读(128)
评论(0)
推荐(0)
摘要：
*color: 设置字体颜色 *text-align: left/center/right/justify（两端对齐） 本身是设置文本的水平对齐方式，但是行内和行内块元素也可以使用 *text-decoration: *none(无 去掉下划线)/underline/overline/line-th 阅读全文
posted @ 2021-08-16 13:10
rigorous
阅读(150)
评论(0)
推荐(0)
摘要：
1、兄弟选择器： <div> <p></p> <span></span> </div> 1、相邻兄弟选择器：要求：1、紧紧挨着的 2、后面的 3、只能找到一个 语法：+ 作为结合符 div+span: div后面紧紧挨着的span #d1+.d2: id为d1后面紧紧挨着的class为d2的元素 2 阅读全文
posted @ 2021-08-16 13:09
rigorous
阅读(128)
评论(0)
推荐(0)
摘要：
1、列表相关的样式：ul、ol、li的特有样式 1、列表项标志： 属性：list-style-type: 取值：none - 无标志 circle - 空心圆 disc - 实心圆 square - 方块 2、列表项图像： 属性：list-style-image 取值：url("图像路径") 使用列 阅读全文
posted @ 2021-08-16 13:07
rigorous
阅读(109)
评论(0)
推荐(0)
摘要：
定位： 1、定位方式：5种 1、文档流 2、浮动定位 3、相对定位 4、固定定位 5、绝对定位 2、定位的属性：position 相对/固定/绝对 只要是定位一定要搭配上偏移属性：top/bottom/left/right 以上的四个属性用于设置定位元素的偏移的位置 3、相对定位：元素会相对于自己原 阅读全文
posted @ 2021-08-16 13:05
rigorous
阅读(138)
评论(0)
推荐(0)
摘要：
复杂选择器： 通配符：* 元素：标签名 id：#id值 类：.class值 群组：逗号隔开 后代：空格 子代：> 相邻兄弟：+ 通用兄弟：~ 属性：[属性名] [属性名=属性值] [属性名^=属性值] [属性名$=属性值] [属性名~=属性值] 伪类： 链接：:link :visited 动态：:h 阅读全文
posted @ 2021-08-16 13:05
rigorous
阅读(113)
评论(0)
推荐(0)
摘要：
1、内容生成： 通过css的方法，在指定元素的【前面】 或 【后面】 添加一部分内容 伪元素选择器： :before - 能匹配到某个元素的内容区域之前 :after - 能匹配到某个元素的内容区域之后 <div>before 内容 after</div> 属性：content 属性 - 一般都会配 阅读全文
posted @ 2021-08-16 13:03
rigorous
阅读(130)
评论(0)
推荐(0)
摘要：
resize: none; 阅读全文
posted @ 2021-08-16 12:59
rigorous
阅读(113)
评论(0)
推荐(0)
摘要：
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 阅读全文
posted @ 2021-08-16 12:59
rigorous
阅读(151)
评论(0)
推荐(0)
摘要：
1. iconfont字体图标官网：https://www.iconfont.cn/ 使用黑白字体图标时：直接引入css，随便写一个标签：<elem class="iconfont icon-xxx"></elem> 使用彩色字体图标时：引入css和js，要使用svg的写法，详情可见demo <sv 阅读全文
posted @ 2021-08-16 12:58
rigorous
阅读(1155)
评论(0)
推荐(0)
摘要：
目的：1、提升网页的性能 2、提升百度搜索引擎机器人（小蜘蛛）的排名 如何提升： 1、<title>实事求是写你的网页的名称</title> 2、<meta name="Keywords" content="重庆咖啡，卡布奇诺，拿铁咖啡..."/> - 写入网页的关键字，最好8-12个，过多了没用 阅读全文
posted @ 2021-08-16 12:54
rigorous
阅读(118)
评论(0)
推荐(0)
摘要：
1、基本的网格布局 display: grid;//准备开始要使用网格布局了 grid-template-columns: 100px 100px 100px; grid-template-rows: 100px 100px 100px; //3行3列，宽度高度都为100px的网格布局 //目前使用 阅读全文
posted @ 2021-08-16 12:52
rigorous
阅读(301)
评论(0)
推荐(0)
摘要：
grid布局（网格布局） 它将网页划分成了一个网格，可以任意组合不同的网格，做出各做各样的布局 grid 和 flex 有一点点类似，但是不是完全相同： flex 是轴线布局 grid 是【行和列】布局 - 有一点点类似table，但是比他强大得多 阅读全文
posted @ 2021-08-16 12:50
rigorous
阅读(223)
评论(0)
推荐(0)
摘要：
子元素的属性： 1、flex-grow: 数字;//占宽度/高度的比例 2、修改元素的先后顺序，操作更加优雅 order: 数字;//数字代表先后顺序 3、单独元素的对齐方式： align-self: flex-start/flex-end/center; 4、弹性子元素的宽度： flex-basi 阅读全文
posted @ 2021-08-16 12:46
rigorous
阅读(128)
评论(0)
推荐(0)
摘要：
父元素上的css属性 1、将元素转为弹性盒模型 语法：display: flex; 强调：1、此语句必须设置在父元素上，效果看上去类似display:inlin-block; 2、会导致float失效、vertical-align失效 - 也不需要了 2、弹性盒模型可以设置对齐方式 语法：justi 阅读全文
posted @ 2021-08-16 12:45
rigorous
阅读(172)
评论(0)
推荐(0)
摘要：
弹性盒模型：简单来说他可以简化我们的布局方式 - 更简化 随着移动互联网的发展，对于网页布局来说要求越来越高，而传统的布局方式，对于特殊布局来说实现起来会比较麻烦 - 比如：垂直居中 2009年，w3c提出了一个新的方案 - flex布局，可以简便、完整、实现各种各样的布局， 目前，所有的浏览器都支 阅读全文
posted @ 2021-08-16 12:40
rigorous
阅读(171)
评论(0)
推荐(0)
摘要：
1、计算字符串：脱掉字符串的衣服 eval(str);//将字符串拿来进行计算操作 阅读全文
posted @ 2021-08-16 12:37
rigorous
阅读(355)
评论(0)
推荐(0)
摘要：
elem.onclick=function(){ 自己写操作 *****特殊：事件中可以使用一个关键字 this 1、单个元素绑定了事件 this->这个单个元素 2、多个元素循环同时绑定了事件 this->当前触发事件的元素 建议：如果你在事件中想要使用到绑定事件的元素，推荐使用this } 阅读全文
posted @ 2021-08-16 12:35
rigorous
阅读(310)
评论(0)
推荐(0)
摘要：
前提：1、至少要找到元素 2、页面上所有的东西数据类型都是一个字符串. 1、元素的内容：标签之中的东西 *1、innerHTML属性： 语法：获取：elem.innerHTML; - 往往都是用来做判断的 设置：elem.innerHTML="内容"; - 修改 2、innerText属性： 语法： 阅读全文
posted @ 2021-08-16 12:34
rigorous
阅读(87)
评论(0)
推荐(0)
摘要：
获取元素：类似css的选择器 - 必须先找到元素才能操作元素 1、通过 HTML的特性 获取元素： 1、ID获取： 语法：var elem=document.getElementById("id值"); -- id是唯一 在当前 DOM树中，根据元素的id，获取具体的dom节点 返回：找到了，保存的 阅读全文
posted @ 2021-08-16 12:32
rigorous
阅读(1135)
评论(0)
推荐(0)
摘要：
在JS中，不需要我们去创建的，由浏览器的js解释器自动创建，且一个页面只有一个document 作用：通过树根可以找到下面的任何一个DOM元素，还可以操作他 阅读全文
posted @ 2021-08-16 12:31
rigorous
阅读(122)
评论(0)
推荐(0)
摘要：
DOM树：DOM将HTML文档看做了是一个倒挂的树状结构 在HTML文档中，所有的元素、属性、文本、注释等等都会被视为一个DOM节点/DOM对象/DOM元素 阅读全文
posted @ 2021-08-16 12:30
rigorous
阅读(159)
评论(0)
推荐(0)
摘要：
文档 对象 模型，专门用于操作文档（HTML和CSS） 阅读全文
posted @ 2021-08-16 12:29
rigorous
阅读(109)
评论(0)
推荐(0)
摘要：
DHTML:Dynamic：动态的HTML，并不是新的语言也不是新的技术，只是将现有技术整合的一个统称， 让网页在离线状态也能保存动态效果 DHTML = HTML + CSS + JS(dom) 阅读全文
posted @ 2021-08-16 12:28
rigorous
阅读(273)
评论(0)
推荐(0)
摘要：
1、创建数组：2种方式 *1、直接量方式：var arr=[];//空数组 var arr=[元素,元素,...] 2、构造函数方式：var arr=new Array();//空数组 var arr=new Array(元素,元素,...); 2、访问数组中的元素：通过 下标 语法：数组名[i] 阅读全文
posted @ 2021-08-16 12:27
rigorous
阅读(216)
评论(0)
推荐(0)
摘要：
多个元素/数据组成的一个集合 - 在一个变量名中保存着多个数据 数组中的元素，都是按照线性顺序排列的： 特点：除了第一个元素外，每个元素都有一个唯一的前驱元素 除了最后一个元素外，每个元素都有一个唯一的后继元素 *数组中每个元素都有一个唯一的位置序号，称之为【下标】，用来表示数组中的每一个元素 注意 阅读全文
posted @ 2021-08-16 12:26
rigorous
阅读(167)
评论(0)
推荐(0)
摘要：
循环中的流程控制语句：允许条件结束之前提前退出循环语法：break位置：任何一个循环中都可以使用，只能放在循环中场合：1、某种条件达成时，提前退出循环2、搭配死循环使用：在 不确定循环次数的时候，只能使用break来退出循环 死循环：while(true){循环体;} 阅读全文
posted @ 2021-08-16 12:24
rigorous
阅读(121)
评论(0)
推荐(0)
摘要：
*for循环 语法：for(循环变量(表达式1);循环条件(表达式2);变量的改变(表达式3)){ 循环体; } 执行流程：先计算表达式1的值，计算表达式2的值，如果为true，执行一次循环体，在计算表达式3的值... 直到表达式2的值，结果为false，循环才会退出 特殊：1、死循环：for(;; 阅读全文
posted @ 2021-08-16 12:24
rigorous
阅读(260)
评论(0)
推荐(0)
摘要：
while循环 语法： var 循环变量=几; while(循环条件){ 循环体; 循环变量改变; } 举例： var i=1; while(i<=10000){//1001 console.log(i+"hello world"); i++;//i+=1 i=i+1 } 原理： 先判断循环条件，如 阅读全文
posted @ 2021-08-16 12:23
rigorous
阅读(270)
评论(0)
推荐(0)
摘要：
循环：反复执行【相同 或 相似】的操作，几乎是一瞬间就执行完很多次了 循环三要素： 1、循环条件：开始、结束，重复执行的次数 2、循环操作：循环体，要执行的操作是什么 3、循环变量、变量要改变（自增/自减） 阅读全文
posted @ 2021-08-16 12:09
rigorous
阅读(137)
评论(0)
推荐(0)
摘要：
ECMAScript（简称ES3/5/6）：核心语法 Document Object Model（简称DOM）：文档对象模型 -操作文档（HTML） Browser Object Model（简称BOM）：浏览器对象模型 - 操作浏览器的 阅读全文
posted @ 2021-08-16 12:08
rigorous
阅读(215)
评论(0)
推荐(0)
摘要：
&&（与、而且） ||（或者） !（非、不） &&：只有全部条件都满足，最后结果才为true 只要有一个条件不满足，结果则为false ||：只要有一个条件满足，结果就为true 只有全部条件都不满足，最后结果才为false !：颠倒布尔值：!true->false !false->true !!t 阅读全文
posted @ 2021-08-16 12:07
rigorous
阅读(102)
评论(0)
推荐(0)
摘要：
> < >=：大于等于 <=小于等于 ==等于 !=不等于 作用：判断/条件 结果：一定是一个bool，只有可能会是true 或 false 也有默认的隐式转换，悄悄的转为数字再比较 阅读全文
posted @ 2021-08-16 12:06
rigorous
阅读(102)
评论(0)
推荐(0)
摘要：
1、流程控制语句：3种 1、顺序结构： 默认的，代码从上向下一步一步的执行 2、分支/选择 结构 根据条件，选择一部分代码去执行 3、循环 结构 根据条件，判断你是否需要重复的执行某一部分代码、 if结构：当条件满足时，执行某些语句，条件不满足时，则不会执行这些语句 1、一个条件，一件事，满足就做不 阅读全文
posted @ 2021-08-16 12:04
rigorous
阅读(384)
评论(0)
推荐(0)
摘要：
也称之为方法，需要【预定义】（创建）后，可以【反复使用】（调用）的【代码段】（可以放很多很多的代码） rotate("角度值"); - 完成了一个通过角度值顺时针旋转的功能 url("图片路径"); - 完成了一个通过图片路径显示图像的功能 js里面的函数：完成了一个...........的功能 1 阅读全文
posted @ 2021-08-16 12:03
rigorous
阅读(133)
评论(0)
推荐(0)
摘要：
javascript是弱类型语言，数据类型都是有数据决定的 对于不同数据类型的运算时，数据类型会进行转换： number + number = number number + string = string javascript中想要查看自己的数据类型是什么：typeof(你想要查看的) *1、隐式 阅读全文
posted @ 2021-08-16 12:01
rigorous
阅读(200)
评论(0)
推荐(0)
摘要：
1、计算机具有舍入误差，很简单的计算有可能计算不清：解决：四舍五入，按自定义小数位数保留在js中 num.toFixed(n);//n代表你要保留的小数位数，唯一的缺点：得到的结果是一个字符串 阅读全文
posted @ 2021-08-16 12:00
rigorous
阅读(314)
评论(0)
推荐(0)
摘要：
1、原始/基础/值类型：5个 1、String - 字符串，无数个取值，只要你写"xxx" 或 'xxx' 2、Number - 数字，无数个取值 3、Boolean - 布尔，取值只有两个，true（真） 或 false（假），多半用于判断的结果 4、undefined - 默认值，而且拿来没有任 阅读全文
posted @ 2021-08-16 11:57
rigorous
阅读(147)
评论(0)
推荐(0)
摘要：
*1、算术运算符：+ - * / % 其实前四个运算符和小时候数学算术运算符一模一样 但是特殊： 1、%：取余，两个数相除，但是不取商，而取余数 俗称模 5%2 ==> 1 2%5 ==> 2 作用：1、*判断奇偶性 num%2;//结果为0说明是一个偶数，结果为1说明是一个奇数 2、获取某个数字的 阅读全文
posted @ 2021-08-16 11:56
rigorous
阅读(146)
评论(0)
推荐(0)
摘要：
拓展： 硬盘：存储文件、数据（外部存储器） CPU：中央处理器、计算 内存：是【临时保存】程序在运行过程中，所需要用到的数据 内存空间：保存数据的一个地方 内存地址：内存空间的一个门牌号，0x003e0adsa003120dsa，所以一般来说可以再起一个别名 *1、变量 简单来说，其实变量就是一个内 阅读全文
posted @ 2021-08-16 11:54
rigorous
阅读(205)
评论(0)
推荐(0)
摘要：
1、使用方式：2个 1、在HTML页面中写入一个标签 - 临时测试时使用/上课教学使用 <script> js代码 </script> 2、创建一个xx.js文件，然后进行引入 - 正式开发中使用的方式 <script src="js/02.js" type="text/javascript" ch 阅读全文
posted @ 2021-08-16 11:52
rigorous
阅读(310)
评论(0)
推荐(0)
摘要：
1、客户端的数据的计算（购物车） 2、表单的数据验证（手机号验证、邮箱验证、密码验证） 3、浏览器的事件处理（点击事件...） 4、网页中所有的css做不了的特效，都由JS完成 5、和服务器端进行交互 ajax 等等.... 阅读全文
posted @ 2021-08-16 11:49
rigorous
阅读(352)
评论(0)
推荐(0)
摘要：
1、代码可用任何文本编辑器编写 2、无需编译，有浏览器的js解释器自动去解释执行 3、*弱类型语言* 由数据 决定 数据类型是什么 1 number "1" string 强类型语言 先规定保存什么数据类型 才能放入什么数据 4、面向对象的脚本语言：万物皆对象，只要是对象就具有2个成员（属性和方法） 阅读全文
posted @ 2021-08-16 11:48
rigorous
阅读(274)
评论(0)
推荐(0)
摘要：
1、浏览器自带js解释器 2、独立安装一个js解释器（node.js） 阅读全文
posted @ 2021-08-16 11:47
rigorous
阅读(330)
评论(0)
推荐(0)
摘要：
简称js，是运行在 【javascript解释器 或者 特定引擎中】的【解释性】【弱类型】【面向对象】脚本语言 阅读全文
posted @ 2021-08-16 11:46
rigorous
阅读(113)
评论(0)
推荐(0)
浙公网安备 33010602011771号