10 2019 档案
摘要：DOM树 文档对象模型（Document Object Model） dom tree 当浏览器加载HTML页面的时候，首先就是DOM结构的计算，计算出来的DOM结构就是DOM树（把页面中的HTML标签像树桩结构一样，分析出之间的层级关系） DOM树描述了标签和标签之间的关系（节点间的关系），我们只
阅读全文
摘要：JS中的数学函数Math Math称为数学函数，但是它属于对象类型的 之所以叫做数学函数，是因为Math这个对象中提供了很多操作数字的方法 Math中提供的常用方法 ：取绝对值 ：向上或者向下取整 ：四舍五入 ：开平方 ：取幂（N的M次方） ：获取最大值和最小值 ：获取圆周率 ：获取0~1之间的随机
阅读全文
摘要：JS中关于字符串的一些细节知识 在JS中所有用单引号或者双引号包起来的都是字符串，每一个字符串是由零到多个字符组成 作用：str.slice(n,m) 从索引n开始找到索引为m处(不包含m)，把找到的字符当做新字符串返回 和slice语法一模一样，唯一的区别在于：slice支持负数索引，而subst
阅读全文
摘要：关于JS数组常用方法的剖析 数组也是对象数据类型的，也是由键值对组成的 数组中每一项的值可以是任何数据类型的 数组中的常用方法 按照四个维度记忆： 方法的作用 方法的参数 方法的返回值 原有数组是否改变 作用：向数组“末尾”追加新的内容 参数：追加的内容（可以是一个，也可是多个） 返回值：新增后数组
阅读全文
摘要：JS中数据类型转换汇总 JS中的数据类型分为 【基本数据类型】 数字 number 字符串 string 布尔 boolean 空 null 未定义 undefined 【引用数据类型】 对象 object 普通对象 数组对象 (Array) 正则对象 (RegExp) 日期对象 (Date) 数学
阅读全文
摘要：```html 定位流-z-index属性 --> ```
阅读全文
摘要：```html 定位流-固定定位 --> 我是span--> ```
阅读全文
摘要：```html 绝对定位-水平居中 ```
阅读全文
摘要：```html 绝对定位-子绝父相 服装城 美妆馆 京东超市 全球购 闪购 团购 拍卖 金融 ```
阅读全文
摘要：```html 定位流-绝对定位 我是span--> ``` ```html 绝对定位-参考点 ``` ```html 绝对定位-注意点 --> ```
阅读全文
摘要：```html 定位流 我是span --> ```
阅读全文
摘要：```html 浮动元素高度问题 ```
阅读全文
摘要：```html 浮动元素的脱标 ``` ```html 浮动元素排序规则 1 2 3 4 ```
阅读全文
摘要：```html 网页的布局方式 我是div 我是标题 我是段落 --> 我是span 我是强调 我是加粗 --> ```
阅读全文
摘要：```html 行高和字号 葬爱:非主流文化的常用词，是当今网络流行术语.且流行于非主流杀马特之中。葬，即埋葬，爱，即爱情，翻译成外语就bury love--> 我是文字我是文字我是文字--> 我是文字--> 我是文字我是文字我是文字 ``` ```html 还原字体和字号 葬爱:非主流文化的常用词，是当今网络流行术语.且流行于非主流杀马特之中。葬，即埋葬，爱，即爱情，翻译成外语就bury lov
阅读全文
摘要：```html 清空默认边距 葬爱:非主流文化的常用词，是当今网络流行术语.且流行于非主流杀马特之中。葬，即埋葬，爱，即爱情，翻译成外语就bury love ```
阅读全文
摘要：```html 盒子居中和内容居中 我是文字 --> ```
阅读全文
摘要：```html <!DOCTYPE html 盒子模型练习 .big{ / 方法一：是利用大盒子的padding把内容(小盒子)挤到大盒子的中间 / / width: 350px; height: 350px; padding top:150px; padding left:150px; / / 利
阅读全文
摘要：```html 盒子box-sizing属性 ```
阅读全文
摘要：盒子与盒子之间的距离是margin；盒子里面的内容和盒子之间的距离是padding。 在html中border可以没有。content是内容的宽度和高度。 可以把盒子模型看成是一个装手机的盒子。 content是手机，padding是填充物，border是装手机的盒子，margin是手机盒子与盒子之
阅读全文
摘要：```html 外边距合并现象 我是span我是span 我是div 我是div ```
阅读全文
摘要：```html 内边距属性 上 右 下 > 左边的取值和右边的一样 2.2上 右 下 左 > 上 右 > 左边的取值和右边的一样 下边的取值和上边一样 2.3上 右 下 左 > 上 > 右下左边取值和上边一样 注意点: 1.给标签设置内边距之后, 标签占有的宽度和高度会发生变化 2.给标签设置内边距之后, 内边距也会有背景颜色 --> 我是文字我是文字我是文字我是文字我是文字我是文字我是文字 我是
阅读全文
摘要：```html 边框属性上 ``` ```html 边框属性下 上 右 下 > 左边的取值和右边的一样 2.2上 右 下 左 > 上 右 > 左边的取值和右边的一样 下边的取值和上边一样 2.3上 右 下 左 > 上 > 右下左边取值和上边一样 3.非连写(方向+要素) border-left-width: 20px; border-left-style: double; border-left-
阅读全文
摘要：```html 背景图片和插入图片区别 我是文字 我是文字 ```
阅读全文
摘要：```html 背景属性缩写 我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是文字我是文字 我是文字 我是
阅读全文
摘要：```html 背景颜色 ``` ```html 背景图片 ``` ```html 背景平铺属性 ``` ```html 背景图片定位属性 --> ```
阅读全文
摘要：```html CSS元素显示模式转换 我是div 我是div 我是span 我是span 我是段落 我是加粗 ```
阅读全文
摘要：行内块级元素。
阅读全文
摘要：```html div和span标签 --> 努力到无能为力, 拼搏到感动自己 --> 我是div 我是div 我是span 我是span --> --> 我是段落 我是标题 --> 我是标题 我是段落 ```
阅读全文
摘要：```html 优先级之权重问题 我是段落 ```
阅读全文
摘要：```html 优先级之important 我是段落 ```
阅读全文
摘要：```html CSS三大特性之继承性 我是段落 我是段落 我是超链接 我是大标题 ``` ```html CSS三大特性之层叠性 我是段落 ``` ```html CSS三大特性之优先级 类>标签>通配符>继承>浏览器默认 --> 我是段落 ```
阅读全文
摘要：```html 选择器练习 我是标题 我是段落1 我是段落2 ```
阅读全文
摘要：```html 通配符选择器 我是标题 我是段落 我是超链接 --> 我是标题 我是段落 我是超链接 ```
阅读全文
摘要：```html 属性选择器上 --> 我是段落1 我是段落2 我是段落3 我是段落4 我是段落5 ``` ```html 属性选择器下 --> ```
阅读全文
摘要：```html 序选择器 我是标题 我是段落1 我是段落2 我是段落3 我是段落4 我是段落5 我是段落6 我是段落7 我是段落8 --> 我是段落1 我是段落2 我是段落2 我是标题 ``` ```html 序选择器下 我是项目 我是项目 我是项目 我是项目 我是项目 我是项目 我是项目 ```
阅读全文
摘要：```html 兄弟选择器 我是标题 我是超链接 我是段落 我是段落 我是段落 我是标题 我是段落 我是段落 我是段落 --> 我是标题 我是超链接 我是段落 我是段落 我是超链接 我是段落 我是标题 我是段落 我是段落 我是段落 ```
阅读全文
摘要：```html 交集选择器 我是段落 我是段落 我是段落 我是段落 我是段落 ``` ```html 并集选择器 我是标题 我是段落 我是段落 我是段落 ```
阅读全文
摘要：```html 后代选择器 我是段落 我是段落 我是段落 我是段落--> 我是段落 我是段落 我是段落 ``` ```html 子元素选择器 标签名称2{ 属性:值; } 先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素 注意点: 1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签 2.子元素选择器之间需要用>符号连接, 并且不能有空格
阅读全文
摘要：```html id选择器 迟到毁一生 早退穷三代 按时上下班 必成高富帅 ``` ```html 类选择器 错误的写法: --> 迟到毁一生 早退穷三代 按时上下班 必成高富帅 我是段落 我是段落 ``` ```html id选择器和class选择器 第一段文字 第二段文字 第三段文字 --> 第一段文字 第二段文字 第三段文字 ```
阅读全文
摘要：```html 标签选择器 我是段落 我是段落 我是段落 我是段落 我是段落 我是标题 ```
阅读全文
摘要：```html 文本属性 我是文字 我是文字 我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落我
阅读全文
摘要：```html 文字属性 文字倾斜、文字加粗 --> 我是文字 我是文字 abc我是段落 ``` ```html 文字属性的缩写 abc我是段落 ``` ```html 字体属性补充 abc我是段落 ```
阅读全文
摘要：```html CSS的格式 我是标题 我是段落 我是段落 我是段落 ```
阅读全文
摘要：```html 体验CSS 成功法则 迟到毁一生 早退穷三代 按时上下班 必成高富帅 --> 成功法则 迟到毁一生 早退穷三代 按时上下班 必成高富帅 ```
阅读全文
摘要：```html 字符实体 (greater than) © 版权符号 --> 我 爱你 到此为止我们的HTML的基础标签就学习完毕了, 例如我们学习了<h1>标签, <table>标签, <img>标签.... © ```
阅读全文
摘要：```html 40-HTML中被废弃的标签 以上标签都是没有语义的,都是用来修改样式的 b(bold) 加粗文本, 没有任何语义的 u(underline) 给文本天津下划线, 没有任何语义的 i(italic) 将文本倾斜, 没有任何语义的 s(strikethourgh) 给文本添加删除线, 没有任何语义的 注意点: 以后在企业开发中, 不到万不得已一定不要使用这些被废弃掉的标签 如果一定要
阅读全文
摘要：```html marquee标签 内容 属性: direction: 设置滚动方向 left/right/up/down scrollamount: 设置滚动速度, 值越大就越快 loop: 设置滚动次数, 默认是-1, 也就是无限滚动 behavior: 设置滚动类型 slide滚动到边界就停止, alternate滚动到边界就弹回 注意点: marquee标签不是W3C推荐的标签, 在W3C
阅读全文
摘要：```html 详情和概要标签 概要信息 详情信息 --> 郑伊健 简介：郑伊健，1967年10月4日出生于中国香港，籍贯广东恩平，香港影视演员、流行男歌手。1988年参加新秀歌唱大赛加入无线电视，因拍摄“阳光柠檬茶”广告而入行，拜罗文为师。1991年... ```
阅读全文
摘要：```html audio标签 注意点: audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样 只不过有3个属性不能用, height/width/poster --> --> ```
阅读全文
摘要：```html video标签 video标签的属性 src: 用于告诉video标签需要播放的视频地址 autoplay: 用于告诉video标签是否需要自动播放视频 controls: 用于告诉video标签是否需要显示控制条 poster: 用于告诉video标签视频没有播放之前显示的占位图片 loop: 一般用于做广告视频, 用于告诉video标签视频播放完毕之后是否需要循环播放 prel
阅读全文
摘要：```html 表单练习 注册界面 账号: 密码: 性别: 男 女 保密 ...
阅读全文
摘要：```html 表单标签--非input标签 注意点: 1.默认情况下输入框可以无限换行 2.默认情况下输入框有自己的宽度和高度 3.可以通过cols和rows来指定输入框的宽度和高度, 但是虽然指定了列数和行数, 但是还是可以无限往下输入 4.默认情况下输入框是可以手动拉伸的 --> ```
阅读全文
摘要：```html 表单标签-Html5 邮箱: 域名: 电话: 时间: 颜色: ```
阅读全文
摘要：```html Datalist标签 待选项内容 3.如何给输入框绑定待选列表 1.搞一个输入框 2.搞一个datalist列表 3.给datalist列表标签添加一个id 4.给输入框添加一个list属性,将datalist的id对应的值赋值给list属性即可 --> 请输入你的车型: 奔驰 宝马 奥迪 路虎 宾利 ```
阅读全文
摘要：```html Label标签 账号: --> 账号: 密码: 账号: 账号: 密码: ```
阅读全文
摘要：```html 表单标签-按钮 账号: 密码: ```
阅读全文
摘要：```html 表单标签 a标签/a标记/a元素 表单元素其实还是HTML中的一些标签, 只不过这些标签比较特殊, 在浏览器中所有的表单标签都有特殊的外观和默认的功能 3.表单的格式: 4.常见的表单元素 input标签, input标签有一个type属性, 这个属性有很多类型的取值, 取值的不同就决定了input标签的功能和外观不同 5.注意: 表单元素一定要写在表单中 表单标签中： 默认的va
阅读全文
摘要：```html 单元格合并 含义: 把当前单元格当做两个单元格来看待 colspan 跨列; 合并列; 注意点: 1.由于把某一个单元格当做了多个单元格来看到, 所以就会多出一些单元格, 所以需要删掉一些单元格才能正常显示 2.一定要记住单元格合并永远都是向后或者向下合并, 而不能向前或者向上合并 2.垂直方向上的单元格合并 可以给td标签设置一个rowspan属性, 来指定把某一个单元格当做多个
阅读全文
摘要：```html 表格的结构 表格的标题 每一列的标题 数据 数据 caption作用: 指定表格的标题 thead作用: 指定表格的表头信息 tbody作用: 指定表格的主体信息 tfoot作用: 指定表格的附加信息 3.注意点: 3.1.如果我们没有编写tbody, 系统会系统给我们添加tbody 3.2.如果指定了thead和tfoot, 那么在修改整个表格的高度时, thead和tfoot有
阅读全文
摘要：```html 表格标签的其它标签 今日小说排行榜 排名 关键词 趋势 今日搜索 最近七日 相关链接 1 暴走大事件 ...
阅读全文
摘要：```html 表格标签基本使用 需要显示的内容 其实表格标签中的table代表整个表格, 也就是一堆table标签就是一个表格 其实表格标签中的tr标签代表整个表格中的一行数据, 也就是说一对tr标签就是表格中的一行 其实表格标签中的td标签代表表格中一行中的一个单元格, 也就是说一对td标签就是一行中的一个单元格 3.注意点...
阅读全文
摘要：```html 定义列表 其实dt和dd都是英文的缩写 dt是英文definition title的缩写, 所以dt的含义就是用来定义列表中的标题 dd是英文definition description的缩写, 所以dd的含义就是用来定义标题对应的描述的 3.定义列表的应用场景 1.做网站尾部的相关信息 2.做图文混排 4.定义列表的注意点 4.1和ul/ol一样, dl和dt/dd是一个整体,
阅读全文
摘要：```html 有序列表 其它用法和ul都差不多, 也就是应用场景/注意点都和ul差不多 --> 演员 小丑 女人不应该让男人太累 男人不应该让女人流泪 ```
阅读全文
摘要：```html 无序列表 需要显示的条目内容 li其实是英文list item的缩写 list是列表的意思 item是条目的意思 所以结合起来就是 列表条目的意思 5.注意点: 1.一定要记住ul标签是用来给一堆数据添加列表语义的, 而不是用来给他们添加小圆点的 2. ul标签和li标签是一个整体, 是一个组合. 所以一般情况下ul标签和li标签都是一起出现, 不会单个出现. 也就是说不会单独使用
阅读全文
摘要：```html 锚点 跳转到中部 我是中部 注意点: 1.通过我们的a标签跳转到指定的位置, 是没有过度动画的, 是直接一下子就跳转到了指定位置 2.a标签除了可以跳转到当前界面的指定位置以外, 还可以在跳转到其它界面的时候直接跳转到其它界面的指定位置 格式: 跳转到锚点测试界面 我是锚点测试界面33333 --> 跳转到锚点测试界面 我是顶部 跳转到中部 我是中部 我是底部 ``` ```htm
阅读全文
摘要：```html base标签、假链接 糯米 新闻 hao123 地图 视频 贴吧 我是顶部 点我丫1 点我丫2 ```
阅读全文
摘要：```html a标签基本使用 需要展现给用户查看的内容 a标签中有一个叫做target属性, 这个属性的作用就是专门用于控制如何跳转 _self: 用于在当前选项卡中跳转, 也就是不新建界面跳转. 默认就是_self _blank: 用于在新的选项卡中跳转, 也就是新建界面跳转 a标签中还有一个属性, 叫做title. a标签中的title和img标签中的title一样, 都是用来控制鼠标悬停时
阅读全文
摘要：```html h标签、p标签、hr标签、br标签、注释 标题1、段落1。、就是用来描述文本"标题1"、"段落1"的文本。 所以html叫超文本标记语言。 是html5的DTD。 html是用来添加语义的，最好不好用来添加样式，不要用标签的样式属性，样式请使用CSS。 --> 我是标题1 我是标题2 我是标题3 我是标题4 我是标题5 我是标题6 我是标题7 我是普通文本 我是一段文本 我是一段文
阅读全文
摘要：```html img标签 其实img标签中的src是英文source的缩写 所以img标签中的src就是用来告诉img标签, 需要显示的图片名称 3.注意点 - 和H系列标签/p标签还有Hr标签不一样, img标签不会独占一行 - 如果我们手动指定了img标签显示的图片的宽度和高度, 有可能会导致图片变形, 那么如果又想指定宽度和高度, 又不想让图片变形. 我们可以只指定宽度和高度其中的一个值即
阅读全文
摘要：注意 练习的时候，浏览器不要装插件，把插件关了，还有缓存也会有影响。 网站 一个简单的html、css、js 入门 关于HTML "00HTML基础 基本概念" "01HTML基础 认识HTML" "02HTML基础 基础标签" "03HTML基础 列表标签" "04HTML基础 表格标签" "05
阅读全文
摘要：JS中的判断操作语句 1、if / else if / else 关于条件可以怎么写？ BAT面试题： typeof 在JS中用来检测数据类型的方式之一，除了它以外，还有： instanceof constructor Object.prototype.toString.call() 2、三元运算符
阅读全文
摘要：一：浅聊前端发展史 第一阶段：C/S（client server） B/S（browser server） 网页制作 技术栈：PhotoShop、HTML、CSS 第二阶段：从静态到动态，从后端到前端 前端开发工程师 前后端分离 后台：完成数据的分析和业务逻辑编写（包含API接口编写） 前端：网页制
阅读全文