上一页 1 ··· 17 18 19 20 21 22 23 24 25 ··· 43 下一页
摘要: 移动web开发流式布局 视口 视口(viewport)就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口 理想视口 ideal viewport 为了使网站在移动端有最理想的浏览和阅读宽度而设定 理想视口,对设备来讲,是最理想的视口尺寸 需要手动添写meta视口标签通知浏览 阅读全文
posted @ 2019-12-26 09:44 fly_bk 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 基础案例 01 轮播图进度条 训练描述 完成鼠标经过即可 训练提示 1. 添加背景图片,设置初始化样式 2. 利用盒子,定位盒子的位置,设置li的宽和高 3. 设置span的小高度,设置span的伪元素跟span一样大小,并且左下角对齐,宽度默认为0 4. 当鼠标经过则给伪元素宽度 操作步骤 1. 阅读全文
posted @ 2019-12-26 08:51 fly_bk 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 第三天 一、 认识 转换 1. 的特点 近大远小 物体和面遮挡不可见 2. 三维坐标系 x 轴:水平向右 注意:x 轴右边是正值,左边是负值 y 轴:垂直向下 注意:y 轴下面是正值,上面是负值 z 轴:垂直屏幕 注意:往外边的是正值,往里面的是负值 ​ 二、 转换 1. 转换知识要点 位移: 旋转 阅读全文
posted @ 2019-12-25 14:33 fly_bk 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 基础案例 01 模拟二维码 训练描述 利用CSS3动画属性,模拟扫描二维码的场景 训练提示 1. 在大盒子中上下正常排版两张图片 2. 利用动画,让第二张图片上下发生位移 3. 设置动画属性,注意动画设置的兼容问题 操作步骤 1. 创建index文件,新建css文件夹,创建base.css文件并初始 阅读全文
posted @ 2019-12-25 13:20 fly_bk 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 一、rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转 使用步骤: 1. 给元素添加转换属性 2. 属性值为 如 顺时针方向旋转 30度 二、三角 二、设置元素旋转中心点(transform origin) 1. 基础语法 2. 重要知识点 注意后面的参数 x 和 y 用空格隔开 阅读全文
posted @ 2019-12-25 11:12 fly_bk 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 基础案例 01 导航搜索 训练描述 搜索栏鼠标经过后出现搜索框,失去焦点还原,并且是以过渡的方式 训练提示 1. 搭建以项目为主的几个文件 2. 书写导航栏页面布局 logo原图比较大,需要设置父盒子宽度和自身的100% 设置导航项 右侧基本都是精灵图,所以不需要使用字体图标,注意间距的调整 3. 阅读全文
posted @ 2019-12-25 08:54 fly_bk 阅读(426) 评论(0) 推荐(0) 编辑
摘要: 一、什么是 1. 的概念与定义 定义: 定义了 标准的最新版本,是对 的第五次重大修改,号称下一代的 两个概念: 是一个新版本的 语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指: 、 、 , 这也是广义上的 2. 拓展了哪些内容 语义化标签 本地存储 兼容特性 、`3D` 动 阅读全文
posted @ 2019-12-24 13:30 fly_bk 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 加法 add()函数 减法subtract()函数 乘法multiply()函数 除法divide()函数 绝对值abs()函数 舍入模式: ROUND_UP 舍入远离零的舍入模式。 在丢弃非零部分之前始终增加数字(始终对非零舍弃部分前面的数字加1)。 注意,此舍入模式始终不会减少计算值的大小。 R 阅读全文
posted @ 2019-12-11 10:25 fly_bk 阅读(1203) 评论(0) 推荐(0) 编辑
摘要: 官网api:http://mikemcl.github.io/big.js/ -:minus.minus(n) ⇒ Big %:mod.mod(n) ⇒ Big +:plus.plus(n) ⇒ Big *:times.times(n) ⇒ Big /:div.div(n) ⇒ Big 阅读全文
posted @ 2019-12-11 10:21 fly_bk 阅读(4341) 评论(3) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css动画原理</title> <script src="../js/vue.js"></script> <!--官网:https://cn.vuejs.org 阅读全文
posted @ 2019-12-10 16:07 fly_bk 阅读(223) 评论(0) 推荐(0) 编辑
上一页 1 ··· 17 18 19 20 21 22 23 24 25 ··· 43 下一页