- 博客(8)
- 收藏
- 关注
RSS订阅原创 js实现顶部悬浮、一键回到顶部
目录效果图：html、css 代码实现：js代码实现：js实现顶部悬浮、一键回到顶部。效果图：html、css 代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g
2020-07-11 14:09:09
1645
原创 Git 的下载安装详情
Visual Studio Code中Gitr安装上篇文章介绍了Visual Studio Code应用程序的下载 VSCode的安装，可能就会注意到安装好后一直弹出提示没有Git，Git的安装首先，咱们进入官网下载Git，下载地址: https://git-scm.com/download/win 选择合适的版本。 这里就不多介绍了，也比较简单，要是不想进官网下的，这里直接放个 h...
2020-04-22 20:57:36
711
原创 html5移动端vw+rem页面适配详解、案例实践（flexible.js插件）
rem布局适配的原理简单来说，就是根据屏幕的大小，动态的改变html标签的font-size的大小，以此就可以配合媒体查询微调做到不同屏幕的适配。rem一般都有一个标配机型：大多数开发者调试页面，一般以两种标配机型为主要测试（UI一般只会提供 750px 或者是 640px 的设计稿，这就要求我们通过一张设计稿能够适配所有的屏幕）最常用的以iPhone6/7/8：750px现以相对较少...
2020-03-14 22:57:32
1801
原创 CSS弹性盒（Flex 布局）、怪异盒
标准盒模型：border长在元素的宽高以外，padding会把盒子撑大。如果想让盒子保持原有的大小，需要在宽高的基础上减掉padding !!如果一个盒子没有固定大小（被内容撑开），添加padding 不用减。怪异盒模型（IE盒模型）：border和padding都是长在元素宽高内部的。 标准盒模型： box-sizing:content-box; 怪异盒模型...
2020-03-09 00:27:25
394
原创 html5+css3实现动画、逐帧动画效果
上篇博文中讲明了html5+css3实现2D-3D动画效果，介绍了html5中2d、3d的运用，顺便简明的提到了动画，而本篇将更加详细的说明动画的各运用及说明。首先我们需要了解css3中动画的意思,明了的意思就是能动态显示的页面效果，而使用动画，有两种实现方法 （js实现动画，css3实现动画）文章目录动画两大步骤关键帧@keyframes标题调用关键帧animation动画位移案例实现逐帧动...
2020-03-02 01:15:35
6221
1
原创 标准盒模型介绍、文本溢出
页面结构的划分：（上下、左右、外、里）盒模型：网页布局的基石，从盒子的内部到盒子的外围。先有框架，再有内容嘛，结构(HTML)是重点，样式(CSS)是用来修饰结构的。所以要先确定HTML标签，再来选用合适的CSS样式。布局的标签是通过HTML内在的上下文语境来决定当前的语义化的结构，这里记录一下起名字的方法： 小写的英文字母开头， 字母数字下划线连字...
2020-02-29 12:48:39
190
原创 html5+css3实现2D-3D动画效果实例
html5+css3实现2D-3D动画效果实例主要实现的功能就是一些2D、3D的动画效果，如平移、缩放、旋转等等。文章目录html5+css3实现2D-3D动画效果实例2D变换3D变换2D中应用实现案例3D中应用实现案例css3动画2D变换是在一个平面对元素进行的操作。可以对元素进行水平或者垂直位移、旋转或者拉伸.*2d对下面面坐标系简单分析如下：（1）.默认状态下，x轴是水平的，...
2020-02-29 12:20:44
1938
原创 HBuilder、Visual Studio Code的下载、安装
HBuilder、Visual Studio Code的下载、安装HBuilder的下载、安装首先，直接浏览器搜索“HBuilder”，进入其官网https://www.dcloud.io/点击DOWNLOAD,根据自己电脑版本，选择下载。下载完成 ，有一个压缩包，把压缩包解压到自己要放的路径。解压后，有一个文件夹，打开文件夹，里面有HBuilderX.exe应用启动程序包，双击...
2020-02-02 18:18:33
992
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人