handsomehe - 博客园

2019年11月15日

摘要： style代码 <style> *{ margin:0; padding:0; } div{ width: 100px; height: 100px; background-color: red; position:absolute; } </style> 盒子代码 <button id="btn" 阅读全文

posted @ 2019-11-15 23:58 handsomehe 阅读(199) 评论(0) 推荐(0) 编辑

html中的放大镜案例

摘要：首先准备两张图片small.jpg和big.jpg放在images文件夹下文件夹和html页面放在同级目录 style代码 <style> img { display: block; } * { margin: 0; padding: 0; } .box { width: 350px; heigh 阅读全文

posted @ 2019-11-15 15:34 handsomehe 阅读(1301) 评论(0) 推荐(0) 编辑

弹出层拖拽案例

摘要： style代码 <style> * { margin: 0; padding: 0; } .login-header { width: 100%; text-align: center; height: 30px; font-size: 24px; line-height: 30px; } ul, 阅读全文

posted @ 2019-11-15 13:35 handsomehe 阅读(145) 评论(0) 推荐(0) 编辑

注册框拖拽案例

摘要： style代码 <style> * { margin: 0; padding: 0; } .nav { height: 30px; background: #036663; border-bottom: 1px solid #369; line-height: 30px; padding-left: 阅读全文

posted @ 2019-11-15 11:14 handsomehe 阅读(203) 评论(0) 推荐(0) 编辑

2019年11月14日

webapi(6)

摘要： typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法学习目标重点掌握offset系列属性掌握clientWidth和clientHeight 掌握scroll系列的属性掌握如何获取浏览器可视区的大小掌握如何获取整个页面滚动出去的距离 1 阅读全文

posted @ 2019-11-14 23:26 handsomehe 阅读(165) 评论(0) 推荐(0) 编辑

webapi(5)

摘要： typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法学习目标理解什么是BOM 什么是url 重点掌握页面加载事件掌握一个完整url的组成部分掌握location对象常用的方法和属性掌握history对象常用的方法掌握navigato 阅读全文

posted @ 2019-11-14 23:23 handsomehe 阅读(200) 评论(0) 推荐(0) 编辑

webapi(4)

摘要： typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法学习目标理解什么是事件委托重点掌握注册事件的其他方式掌握移除事件的方法掌握事件对象的常用的属性和方法知道事件的三个阶段 1. 注册事件的其他方式回顾: 刚开始我们给元素注阅读全文

posted @ 2019-11-14 23:20 handsomehe 阅读(169) 评论(0) 推荐(0) 编辑

webapi(3)

摘要： typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法学习目标理解什么是节点什么是DOM树重点掌握创建元素的三种方式掌握节点的常用属性和方法 1. 节点 1.1 什么是节点：根据 W3C 的 HTML DOM 标准，HTML 阅读全文

posted @ 2019-11-14 23:14 handsomehe 阅读(221) 评论(0) 推荐(0) 编辑

webapi(2)

摘要： typora copy images to: media 第02阶段.前端基本功.webAPI 基础语法学习目标重点掌握DOM中常用的表单元素的属性掌握DOM中操作元素样式的两种方式掌握DOM中操作标签的自定义属性方法 1. DOM 中常用的表单元素的属性 value 用于大部分表单元阅读全文

posted @ 2019-11-14 23:12 handsomehe 阅读(186) 评论(0) 推荐(0) 编辑

webapi(1)

摘要： typora copy images to: media 第02阶段.前端基本功.前端基础.入门语法基础语法学习目标理解了解DOM中常用的操作了解document对象重点掌握DOM中获取元素的常用方法掌握如何给元素注册事件掌握DOM中常用的非表单属性 1.认识DOM 概念: 文阅读全文

posted @ 2019-11-14 23:10 handsomehe 阅读(202) 评论(0) 推荐(0) 编辑

handsomenose

公告