为了账号安全,请及时绑定邮箱和手机立即绑定
简介:主要学习媒体查询、flex弹性布局及伸缩比例的计算,通过rem作为度量单位进行弹性布局的方法

第1章 课程介绍

您已经使用html+css一段时间了,是否好像一直都是用px或%进行定位,是否页面布局时也是一直使用float+定位,自适应,响应式等似乎明白又说不清。本门课程让你在之前的基础上,思路更清晰,技术上有多种选择。

第2章 mediaquery媒体查询

在移动端开发中,手机,ipad等设备的尺寸各不相同,总不能适用一个设备,其他设备显示效果就“将就”吧,web端也同样存在这种情况。那么mediaquery,中文名称“媒体查询”,将解决这些困扰。

第4章 常用布局

px,%,还有em,都已成过去式,它们都重要,但不能作为未来的主流。rem,以基准字体为标准,一变百变,适应各种复杂的页面弹性伸缩,对文字也有很好的适应性。在进行响应式布局上,是不可或缺的技术。

解锁即可观看《前端工程师2022版》完整课程视频

前端工程师2022版

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

【第1周】HTML5基础语法与标签
【第2周】CSS3基础语法与盒模型
【第3周】CSS3浮动定位与背景样式
【第4周】CSS3动画与穷游首页开发实战
【第5周】JS基础语法与表达式
【第6周】JS流程控制语句与数组
【第7周】JS函数与DOM
【第8周】面向对象
【第9周】项目实战:仿穷游JS特效开发
【第10周】ES6基础入门
【第11周】ES6语法扩展
【第12周】ES6之Promise与Class类
【第13周】ES6之Module模块与Babel编译
【第14-15周】HTTP 协议、存储、Ajax
【第16周】项目实战:仿穷游组件化开发
【第17周】移动基础
【第18周】移动进阶之高效开发
【第19周】项目实战:仿穷游移动webapp开发
【第20周】小程序基础与慕课小程序实战
【第21-22周】Sass基础与Vue.js基础语法
【第23周】项目实战:Vue.js仿京东到家电商全栈项目前端开发(上)
【第24-25周】项目实战:Vue.js仿京东到家电商全栈项目前端(下)
【第26周】全栈必备基础Node.js
【第27周】koa2中间件与MongoDB数据库
【第28-29周】项目实战:node.js仿京东到家电商全栈项目后端开发
【第30周】TypeScript与React.js基础语法
【第31-32周】React旅游网开发与工程化
【第33周】就业必备基础技术面试分析
【第34周】就业必备框架与全栈技术面试分析
课程须知
1、有前端基础的用户 2、想要深入学习响应式布局的用户
老师告诉你能学到什么?
1、掌握利用媒体查询并在移动端设计中使用 2、掌握flex及其自定义伸缩比例的方法 3、px,%,em,rem的区别和使用 4、掌握常见布局的设计方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!