![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动web
文章平均质量分 81
Willa25
一名热爱前端的小博
展开
-
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 一、less 1.1 维护CSS的弊端原创 2022-05-12 13:37:03 · 190 阅读 · 0 评论 -
移动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 初识rem rem(root em)是一个相对单位,类似以e原创 2022-05-06 16:17:30 · 167 阅读 · 0 评论 -
day04移动web
了解flex布局(流式布局),并掌握其使用方法。在这博博强烈推荐一款游戏通关掌握flex布局相关属性,本人亲测有效,希望大家今天又进步一点点😊,链接:http://flexboxfroggy.com原创 2022-05-01 23:43:37 · 502 阅读 · 0 评论 -
day02-移动web(动画)
动画@[TOC](动画)一、动画1.1 动画属性1.2 动画实现步骤使用步骤:1.3 动画实现步骤-百分比写法1.4 使用动画的三个注意事项1.5 animation复合属性1.6 精灵动画1.7 精灵动画-效果1.8 精灵动画-时钟效果二、走马灯案例总结 一、动画 目标:使用animationt添加动画效果 作用:实现多个状态的变化,并且过程可控(重复播放、交替播放、暂停) css属性:animation 快捷键:an 1.1 动画属性 目标1:使用animation相关属性控制动画执行过程 目标原创 2022-04-26 01:26:19 · 231 阅读 · 0 评论 -
旋转卡片案例
旋转卡片案例@[TOC](旋转卡片案例)旋转卡片案例 旋转卡片案例 * { margin: 0; padding: 0; } .box { width: 200px; height: 200px; border: 6px solid pink; margin: 100px; } img原创 2022-04-25 09:30:16 · 195 阅读 · 0 评论 -
王者荣耀缩放案例
王者荣耀缩放案例@[TOC](王者荣耀缩放案例)王者荣耀缩放案例总结 王者荣耀缩放案例 * { margin: 0; padding: 0; } .box { width: 400px; height: 200px; margin: 200px auto; overflow: hidden; }原创 2022-04-25 09:26:54 · 200 阅读 · 0 评论 -
day02-移动web(空间转换)
空间转换@[TOC](文章目录) day02-移动web前言 day02-移动web原创 2022-04-23 23:15:32 · 296 阅读 · 0 评论 -
day01-移动web
这是我学习前端的第27天,在这之前我已经学完了html+css,关于学习,我认为一定要温故而知新,最好能够用自己的话讲述出来,于是乎,我写下了第一篇博客,记录一下我学习的过程。原创 2022-04-23 00:40:46 · 364 阅读 · 0 评论