WEB
关注
分享
扫一扫
HTML，CSS,JavaScript基础知识
火山猿
这个作者很懒，什么都没留下…
展开
-
JS基础笔记_03DOM查询，增删改
1.DOM查询 1.1Document 对象查询方法 document.getElementById() -获取页面中指定ID的元素 document.getElementsByTagName() -获取页面指定元素，返回一个集...原创 2020-04-09 10:21:07 · 187 阅读 · 1 评论 -
JS基础笔记_冒泡 委托 绑定
添加事件： 1. 确定添加对象和事件类型 --- 哪个对象 ？什么事件？ 2. 完成事件业务函数 --- 实现回调函数 3. 是否可以利用事件特性？ 冒泡 ，委托 ， 绑定。##事件的冒泡（Bubble）指的是事件的向上传导，当后代元素的事件被触发时，其祖先...原创 2020-03-25 19:32:06 · 195 阅读 · 1 评论 -
JS基础笔记_01对象和函数
1.对象（Object） - 对象是JS中的引用数据类型 - 对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性 - 使用typeof检查一个对象时，会返回object1.1 - 创建对象 - 方式一： - var obj = new Object(); - 方式二：...原创 2020-02-21 18:07:40 · 176 阅读 · 1 评论 -
HTML基础笔记08_背景和CSS-Sprite
背景样式1.背景图片 background-image：url(相对路径) 如果图片大小大于元素大小，默认显示图片右上角的一小块， 若元素大小 大于图片大小，图片会默认repeat填满元素。 * background-repeat用于设置背景图片的重复方式 * 可选值：...原创 2020-02-21 17:35:39 · 342 阅读 · 0 评论 -
HTML基础笔记09_表单
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 表单的作用就是用来将用户信息提交给服务器的 比如：百度的搜索框 注册 登录这些操作都...原创 2020-02-21 17:34:51 · 161 阅读 · 0 评论 -
HTML基础笔记_5文档流与浮动
文档流<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 文档流 文档流处在网页的最底层，它表示的是一个页面中的位置， ...原创 2020-02-21 17:33:56 · 183 阅读 · 0 评论 -
HTML基础笔记_6解决高度塌陷
什么是高度塌陷 * 在文档流中，父元素的高度默认是被子元素撑开的， * 也就是子元素多高，父元素就多高。 * 但是当为子元素设置浮动以后，子元素会完全脱离文档流， * 此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。 ...原创 2020-02-15 18:52:45 · 239 阅读 · 0 评论 -
HTML基础笔记_7 相对定位 绝对定位 固定定位
什么是定位/* * 定位： * - 定位指的就是将指定的元素摆放到页面的任意位置 * 通过定位可以任意的摆放元素 * - 通过position属性来设置元素的定位 * ...原创 2020-02-15 12:10:47 · 283 阅读 · 0 评论 -
HTML基础笔记_04盒子模型
盒子模型概述边框border 为元素设置边框 * 要为一个元素设置边框必须指定三个样式 * border-width:边框的宽度 * border-color:边框颜色 * border-st...原创 2020-02-13 19:58:03 · 215 阅读 · 0 评论 -
HTML基础笔记_3列表和字体
3种列表<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 去掉项目符号 * */ /*ul{ list-s...原创 2020-02-12 20:44:34 · 396 阅读 · 0 评论 -
HTML基础笔记_1样式与选择器
<head> <meta charset="utf-8" /> <title>CSS</title> <!-- 内部样式表 也可以将CSS样式编写到head中的style标签里 将样式表编写的style标签中，然后通过CSS选择器选中指定元素 然后可以同时为这些元素一起设置样式，这样可以使样式进一步的复...原创 2020-02-11 21:06:00 · 430 阅读 · 0 评论