- 博客(13)
- 收藏
- 关注
RSS订阅原创 day06移动web
文章目录@[TOC](文章目录)day06移动web一、less1.1 维护CSS的弊端1.2 Less介绍1.3 less的使用1.3.1 注释1.4 less语法1.4.1 语法糖-CSS预处理语言1.4.2 市场上的预处理器1.5 嵌套less伪元素1.6 less变量1.7 混合mixin1.7.1 创建精灵图的混合二、响应式布局2.1 媒体查询2.1.1 语法规范2.1.2 关键字2.1.3 写法2.1.4 书写顺序案例2.2引入资源day06移动web一、less1.1 维护CSS的弊端
2022-05-12 13:37:03
227
原创 移动web（移动适配）
移动适配@[TOC](移动适配)前言一、rem基础1.1 初识rem1.2 rem单位二、媒体查询2.1 语法规范2.1.1 mediatype查询类型2.1.2 关键字2.1.3 媒体特性2.2 宽度改变背景颜色案例三、Less基础四、rem适配方案五、苏宁易购首页案例总结前言因这篇完文章的课程还没上完，所以小博写的这篇文章是根据pink老师的直播来写的，里面的内容来自pink老师的直播课程撰写，如有侵权，联系删除。一、rem基础1.1 初识remrem(root em）是一个相对单位，类似以e
2022-05-06 16:17:30
195
原创 day04移动web
了解flex布局（流式布局），并掌握其使用方法。在这博博强烈推荐一款游戏通关掌握flex布局相关属性，本人亲测有效，希望大家今天又进步一点点😊，链接：http://flexboxfroggy.com
2022-05-01 23:43:37
862
原创 day02-移动web(动画)
动画@[TOC](动画)一、动画1.1 动画属性1.2 动画实现步骤使用步骤：1.3 动画实现步骤-百分比写法1.4 使用动画的三个注意事项1.5 animation复合属性1.6 精灵动画1.7 精灵动画-效果1.8 精灵动画-时钟效果二、走马灯案例总结一、动画目标：使用animationt添加动画效果作用：实现多个状态的变化，并且过程可控（重复播放、交替播放、暂停）css属性：animation快捷键：an1.1 动画属性目标1：使用animation相关属性控制动画执行过程目标
2022-04-26 01:26:19
252
原创 旋转卡片案例
旋转卡片案例@[TOC](旋转卡片案例)旋转卡片案例旋转卡片案例 * { margin: 0; padding: 0; } .box { width: 200px; height: 200px; border: 6px solid pink; margin: 100px; } img
2022-04-25 09:30:16
221
原创 王者荣耀缩放案例
王者荣耀缩放案例@[TOC](王者荣耀缩放案例)王者荣耀缩放案例总结王者荣耀缩放案例 * { margin: 0; padding: 0; } .box { width: 400px; height: 200px; margin: 200px auto; overflow: hidden; }
2022-04-25 09:26:54
227
原创 day01-移动web
这是我学习前端的第27天，在这之前我已经学完了html+css，关于学习，我认为一定要温故而知新，最好能够用自己的话讲述出来，于是乎，我写下了第一篇博客，记录一下我学习的过程。
2022-04-23 00:40:46
669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人