摘要: 注册事件(绑定事件) 传统注册方式 on开头,事件唯一(同一个事件只能设置一个处理函数,后覆盖前),如onclick、onmouseover等 方法监听注册方式 w3c推荐 addEventListener()是一个方法 IE9之前不支持,使用attachEvent()代替 同一元素同一事件可注册多 阅读全文
posted @ 2022-03-25 14:49 YL_Hello 阅读(27) 评论(0) 推荐(0)
摘要: Web API 定义 Web API 是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) DOM 文档:一个页面就是一个文档,用document表示 元素:页面中的所有标签都是元素,用element表示 节点:网页中所有内容都是节点(标签、属性、文本、注释等),用node表示 页面 阅读全文
posted @ 2022-03-25 11:39 YL_Hello 阅读(88) 评论(0) 推荐(0)
摘要: JS三种书写方式 <!--行内式--> <input type="button" value="点我" onclick="alert('hello word!')"> <!-- 内嵌式 --> <script> alert('hello word!'); </script> <!-- 外部JS -- 阅读全文
posted @ 2022-03-24 17:50 YL_Hello 阅读(25) 评论(0) 推荐(0)
摘要: html新增 多媒体标签 视频 <video> <source src="" type="video/mp4"> <!--属性:autoplay= "autoplay";(自动播放) controls= "control";(显示播放控件) loop= "loop";(循环播放) preload= 阅读全文
posted @ 2022-03-22 21:48 YL_Hello 阅读(47) 评论(0) 推荐(0)
摘要: 传统网页布局三种方式 标准流 标签按照规定默认方式排列 浮动 多个块级元素同行显示 /*选择器{float: 属性值};*/ div{ float: left; /*none(不浮动,默认),left(向左浮动),right(向右浮动)*/ } /*向一边移动直到左边缘或右边缘触及包含块或另一个浮动 阅读全文
posted @ 2022-03-22 19:14 YL_Hello 阅读(39) 评论(0) 推荐(0)
摘要: 背景 背景色 background-color: transparent; /*transparent(默认透明)*/ 背景图片 background-image: url(图片路径); /*默认平铺*/ /*背景平铺*/ background-repeat: repeat; /*repeat(平铺 阅读全文
posted @ 2022-03-21 16:15 YL_Hello 阅读(37) 评论(0) 推荐(0)
摘要: css与html连接 <!--css与html合并--> <style>css</style> <!--css与html分离--> <link href="css文件路径" rel="stylesheet"> 选择器 基础选择器 /*类选择器*/ .intro{} /*选择所有class="intr 阅读全文
posted @ 2022-03-21 11:24 YL_Hello 阅读(32) 评论(0) 推荐(0)
摘要: 表格 <table><!--表格--> <tr><th>第一行第一列</th><th>第一行第二列</th><th>第一行第三列</th></tr> <tr><td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td></tr> <!--<th></th>为表头单元格, 阅读全文
posted @ 2022-03-20 15:39 YL_Hello 阅读(35) 评论(0) 推荐(0)
摘要: 文本与换行 <p></p><!--段落标签,换行空格大--> <br><!--强制换行,换行间隔小--> <h1>一级标题</h1> <h2>二级标题</h2> . . . <h6>六级标签</h6> 特殊字符 空格号:&nbsp; 小于号:&It; 大于号:&gt; 和号:&amp; 人名币:&y 阅读全文
posted @ 2022-03-20 13:32 YL_Hello 阅读(26) 评论(0) 推荐(0)
摘要: Markdown学习 一级标题:# 标题 一级标题 二级标题:# 标题 二级标题 支持到六级标题 字体 加粗:**值** Hello,World! 斜体:*值* Hello,World! 加粗斜体:***值*** Hello,World! 删除线:~~值~~ Hello,World! 引用 > 内容 阅读全文
posted @ 2022-02-17 22:51 YL_Hello 阅读(10) 评论(0) 推荐(0)