- 博客(8)
- 收藏
- 关注
原创 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 1699
原创 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 723
原创 html5移动端vw+rem页面适配详解、案例实践(flexible.js插件)
rem布局适配的原理简单来说,就是根据屏幕的大小,动态的改变html标签的font-size的大小,以此就可以配合媒体查询微调做到不同屏幕的适配。rem一般都有一个标配机型:大多数开发者调试页面,一般以两种标配机型为主要测试(UI一般只会提供 750px 或者是 640px 的设计稿,这就要求我们通过一张设计稿能够适配所有的屏幕)最常用的以iPhone6/7/8:750px现以相对较少...
2020-03-14 22:57:32 1856
原创 CSS弹性盒(Flex 布局)、怪异盒
标准盒模型:border长在元素的宽高以外,padding会把盒子撑大。如果想让盒子保持原有的大小,需要在宽高的基础上减掉padding !!如果一个盒子没有固定大小(被内容撑开),添加padding 不用减。怪异盒模型(IE盒模型):border和padding都是长在元素宽高内部的。 标准盒模型: box-sizing:content-box; 怪异盒模型...
2020-03-09 00:27:25 415
原创 html5+css3实现动画、逐帧动画效果
上篇博文中讲明了html5+css3实现2D-3D动画效果,介绍了html5中2d、3d的运用,顺便简明的提到了动画,而本篇将更加详细的说明动画的各运用及说明。首先我们需要了解css3中动画的意思,明了的意思就是能动态显示的页面效果,而使用动画,有两种实现方法 (js实现动画,css3实现动画)文章目录动画两大步骤关键帧@keyframes标题调用关键帧animation动画位移案例实现逐帧动...
2020-03-02 01:15:35 6431 1
原创 标准盒模型介绍、文本溢出
页面结构的划分:(上下、左右、外、里)盒模型:网页布局的基石,从盒子的内部到盒子的外围。先有框架,再有内容嘛,结构(HTML)是重点,样式(CSS)是用来修饰结构的。所以要先确定HTML标签,再来选用合适的CSS样式。布局的标签是通过HTML内在的上下文语境来决定当前的语义化的结构,这里记录一下起名字的方法: 小写的英文字母开头, 字母数字下划线连字...
2020-02-29 12:48:39 196
原创 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 1982
原创 HBuilder、Visual Studio Code的下载、安装
HBuilder、Visual Studio Code的下载、安装HBuilder的下载、安装首先,直接浏览器搜索“HBuilder”,进入其官网https://www.dcloud.io/点击DOWNLOAD,根据自己电脑版本,选择下载。下载完成 ,有一个压缩包,把压缩包解压到自己要放的路径。解压后,有一个文件夹,打开文件夹,里面有HBuilderX.exe应用启动程序包,双击...
2020-02-02 18:18:33 1018
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人