page-break-after可以实现强制分页，比如始终在<footer>元素后插入分页符, @media print 表示这段css只在打印时起作用。 @media print { footer {page-break-after: always;} } css 语法 page-break-af ...
分类：
Web开发 时间：
2020-09-26 18:59:18
收藏：
0 评论：
0 赞：
0 阅读：
62
第01阶段.前端基础.CSS基础选择器 CSS选择器（重点） 学习目标： 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式 1. CSS选择器作用（重点） 如上图所以，要把里面的小黄人分为2组，最快的方法怎办？ 很多， 比如 一只眼睛的一组，剩下的一组 ...
分类：
Web开发 时间：
2020-09-26 18:58:01
收藏：
0 评论：
0 赞：
0 阅读：
58
typora-copy-images-to: media 第01阶段.前端基础.认识HTML 学习目标 理解 HTML的概念 HTML标签的分类 HTML标签的关系 HTML标签的语义化 应用 HTML骨架格式 sublime基本使用 1. HTML 初识 HTML 指的是超文本标记语言 (Hype ...
分类：
Web开发 时间：
2020-09-26 18:56:47
收藏：
0 评论：
0 赞：
0 阅读：
99
CSS篇 字体 注意：手机上最小字体是8px，PC上最小字体是12px。不要使用奇数单位来定义字体大小，否则在低端设备上可能会产生模糊。 移动端 1px 产生原因：对于 1dpr 的屏幕，1px 等于 1 物理像素；而对于 2 dpr 的屏幕，1px 等于 2 物理像素。而人肉眼看到的是物理像素，所 ...
分类：
Web开发 时间：
2020-09-26 18:54:57
收藏：
0 评论：
0 赞：
0 阅读：
48
CSS高级技巧 目标 理解 能说出元素显示隐藏最常见的写法 能说出精灵图产生的目的 能说出去除图片底侧空白缝隙的方法 应用 能写出最常见的鼠标样式 能使用精灵图技术 能用滑动门做导航栏案例 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了， ...
分类：
Web开发 时间：
2020-09-26 18:54:29
收藏：
0 评论：
0 赞：
0 阅读：
54
1. 事件循环 JS是单线程执行的（浏览器渲染进程的渲染主线程），它怎么处理各种各样的异步操作和事件呢？最早的方案是回调，如SetTimeout来设置定时器，通过XmlHttpRequest（ActiveXObject）来异步下载文件或调用后端API，如Node中可以使用readFile来读取文件， ...
分类：
Web开发 时间：
2020-09-26 18:53:46
收藏：
0 评论：
0 赞：
0 阅读：
42
<html> <head> <title>HTML示例</title> <style type="text/css"> </style> </head> <body> <script type="text/javascript"> // if 语句 /* var a = 5; if(a==5){ a ...
分类：
Web开发 时间：
2020-09-26 18:53:21
收藏：
0 评论：
0 赞：
0 阅读：
39
XY2YX(coordinates) { var yx = [] for (let i = 0; i < coordinates.length; i++) { var yxChild = [] for (let j = 0; j < coordinates[i].length; j++) { yxC ...
分类：
Web开发 时间：
2020-09-26 18:52:01
收藏：
0 评论：
0 赞：
0 阅读：
63
CSS字体样式属性调试工具 目标 应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 使用常用的emment语法 能够使用开发人员工具代码调试 1.font字体 1.1 font-size:大小 作用： font-size属性用于设置字号 p { font-size:20 ...
分类：
Web开发 时间：
2020-09-26 18:51:12
收藏：
0 评论：
0 赞：
0 阅读：
48
思维导图里看不清的图我放下面 ...
分类：
Web开发 时间：
2020-09-26 18:48:09
收藏：
0 评论：
0 赞：
0 阅读：
47
普通用户下载图片时只需一个「右键另存为」操作即可完成，但当我们做在线编辑器、整个 UI 都被自定义时，要如何赋予用户一个安全下载页面中图片功能的能力呢？ 0. 利用 <a> 标签下载资源 最简单的办法，当然是利用 <a> 标签。根据 MDN 描述， <a> 标签有一个属性叫 download ，此属 ...
分类：
Web开发 时间：
2020-09-26 18:46:47
收藏：
0 评论：
0 赞：
0 阅读：
45
简单来说 src 就是 “我想加载这个资源”，而 href 就是 “我想和这个资源建立关联” src 主要用于元素替换，href 用于和相关文档和外部资源建立相关链接。href 属性说明本地Web资源和定义的资源建立了链接。 如： vi设计http://www.maiqicn.com 办公资源网站大 ...
分类：
Web开发 时间：
2020-09-26 18:44:46
收藏：
0 评论：
0 赞：
0 阅读：
43
通过css3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。动画是使元素从一种样式逐渐变化为另一种样式的效果。那么在css中动画属性有哪些？ vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007. ...
分类：
Web开发 时间：
2020-09-26 18:43:57
收藏：
0 评论：
0 赞：
0 阅读：
49
最近，我从 Grover网站 上发现以一个好玩儿的悬停动画，这个动画是将鼠标移动到订阅按钮上移动光标，会跟随光标实现相应的彩色渐变。 这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。 怎样才能达到这个效果，使我们的网站脱颖而出呢？其实，它并不像我们想象的那么难！ ...
分类：
Web开发 时间：
2020-09-26 18:40:56
收藏：
0 评论：
0 赞：
0 阅读：
75
当代码在一个环境中执行时，会创建变量对象的一个作用域链。 作用域链的用途是，保证对执行环境有权访问的所有变量和函数的有序访问。 标识符解析是沿着作用域链一级一级的搜索标识符的过程。搜索过程始终从作用域链的前端开始，然后逐步的向后回溯，知道找到标识符为止。 例1： <ul id="test"> <li ...
分类：
Web开发 时间：
2020-09-26 18:38:10
收藏：
0 评论：
0 赞：
0 阅读：
39
定位(position) 目标 理解 能说出为什么要用定位 能说出定位的4种分类 能说出四种定位的各自特点 能说出我们为什么常用子绝父相布局 应用 能写出淘宝轮播图布局 1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 3 种机制来设置盒子的摆放位 ...
分类：
Web开发 时间：
2020-09-26 18:35:29
收藏：
0 评论：
0 赞：
0 阅读：
71
1. 学成在线页面制作 目标 理解 能够说写单页面我们基本的流程 能说出常见的css初始化语句 能说出我们CSS属性书写顺序 应用 能利用ps切图 能引入外部样式表 能把psd文件转换为html页面 学成在线的目的就是为了串联前面的所有知识。来一个春晚大联欢。 pink老师： 取义 学有所成 ，为师 ...
分类：
Web开发 时间：
2020-09-26 18:33:01
收藏：
0 评论：
0 赞：
0 阅读：
51
web签到 步骤 打开发现需要GET传参但并未指明参数，多次尝试发现只需要传入?1即可； 传入发现需要post一个2，多次尝试发现并没有反应，于是使用burpsuite 在params里填好参数后发现2后面多了一个等号，然后就传参成功，并且发现php代码； 明显是使用PHP伪协议查看源文件即可获得f ...
分类：
Web开发 时间：
2020-09-26 18:29:25
收藏：
0 评论：
0 赞：
0 阅读：
55
第01阶段.前端基础.盒子模型 盒子模型（CSS重点） css学习三大重点： css 盒子模型 、 浮动 、 定位 主题思路： 目标： 理解： 能说出盒子模型有那四部分组成 能说出内边距的作用以及对盒子的影响 能说出padding设置不同数值个数分别代表的意思 能说出块级盒子居中对齐需要的2个条件 ...
分类：
Web开发 时间：
2020-09-26 18:24:26
收藏：
0 评论：
0 赞：
0 阅读：
56
<html> <head> <title>html和css的结合方式1</title> <style type="text/css"> div{ background-color:black; color:white; } </style> </head> <body> <div style="ba ...
分类：
Web开发 时间：
2020-09-26 18:23:28
收藏：
0 评论：
0 赞：
0 阅读：
45
