12 2021 档案

摘要:1.html代码 <button class="back_to_top">返回顶部</button> 2.css代码 .back_to_top{ position: fixed; bottom:30px; right: 30px; border:1px solid #888; } 3.js代码 va 阅读全文
posted @ 2021-12-27 14:17 南北t 阅读(186) 评论(0) 推荐(0)
摘要:1.弹性布局 弹性布局,又称为“flex布局” 了解两个基本概念: ① 容器: 需要添加弹性布局的父元素; ② 项目: 弹性布局容器中的每一个子元素,称为项目; 了解两个基本方向: ① 主轴: 在弹性布局中,我们会通过属性规定水平/垂直方向为主轴; ② 交叉轴: 与主轴垂直的另一方向,称为交叉轴。 阅读全文
posted @ 2021-12-27 00:19 南北t 阅读(193) 评论(0) 推荐(0)
摘要:在上一篇随笔中 写到了 前后端交互的前提准备工作 现在说一下 通过后端 传输数据 这一张是通过过前端进入页面 看到的效果 这一张是通过后端进入页面的效果 1.建立index.html 想要效果从后台实现 首先得要有 一个前端的主体 在html文件中把自己想要的效果实现出来 建立盒子 输入文字 设置盒 阅读全文
posted @ 2021-12-26 18:03 南北t 阅读(155) 评论(0) 推荐(0)
摘要:1.下载node 进入www.node.js.org/zh-cn node官网 下载node 2.验证node是否下载安装成功 打开cmd命令行 输入 node -v 若能输出版本号 则安装完成 3.修改淘宝镜像 打开cmd命令行 输入 npm config get registry查看我们现在的淘 阅读全文
posted @ 2021-12-26 14:38 南北t 阅读(50) 评论(0) 推荐(0)
摘要:css动画看起来很难,但简单来说,就是通过鼠标的单击、获得焦点、被点击、或对元素任何改变中触发,并平滑地以动画效果改变css属性值 在css中创建简单的过渡效果可以从以下几个步骤来实现 (1)在默认样式中声明元素的初始状态样式 (2)声明过渡元素最终状态样式,比如悬浮状态 (3)在默认样式中通过添加 阅读全文
posted @ 2021-12-25 14:47 南北t 阅读(223) 评论(0) 推荐(0)
摘要:css一共有四种定位方式 1.static(静态定位) 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 2、relative(相对定位) 定位为relative的元素脱离正常的文档流,但其在文档流中的位置依然存在,只是视 阅读全文
posted @ 2021-12-24 14:38 南北t 阅读(271) 评论(0) 推荐(0)