- 移动端布局：HTML5+CSS3进阶加强版
- 本课程的目的是让大家能够掌握移动端布局，课程主要讲解了视口、二倍图、流失布局，flex布局，rem布
- 上架：2022-12-22 15:25:18 学习人数：139
- 介绍
- 目录
本课程的目的是让大家能够掌握移动端布局，课程主要讲解了视口、二倍图、流失布局，flex布局，rem布局，响应式布局，还会增加摹客使用等工具。
第2章
流式布局
-
1
- 移动WEB开发流式布局导读
- 学习时长：01分59秒
-
2
- 移动端基础
- 学习时长：09分31秒
-
3
- 视口
- 学习时长：09分02秒
-
4
- meta视口标签
- 学习时长：06分53秒
-
5
- 物理像素与物理像素比
- 学习时长：08分45秒
-
6
- 二倍图
- 学习时长：12分13秒
-
7
- 背景缩放background-size
- 学习时长：10分46秒
-
8
- 背景二倍图以及多倍图切图
- 学习时长：05分38秒
-
9
- 移动端开发选择
- 学习时长：04分32秒
-
10
- 移动端技术解决方案
- 学习时长：10分29秒
-
11
- 移动端特殊样式
- 学习时长：04分53秒
-
12
- 移动端技术选型
- 学习时长：03分40秒
-
13
- 流式布局
- 学习时长：10分32秒
-
14
- 京东移动端首页准备工作
- 学习时长：06分58秒
-
15
- body设置
- 学习时长：06分29秒
-
16
- app布局
- 学习时长：08分29秒
-
17
- app内容填充
- 学习时长：07分01秒
-
18
- 搜索模块布局
- 学习时长：09分16秒
-
19
- 搜索模块内容制作
- 学习时长：计算中
-
20
- 二倍精灵图的做法
- 学习时长：08分15秒
-
21
- 焦点图制作
- 学习时长：计算中
-
22
- 品牌日模块制作
- 学习时长：07分28秒
-
23
- 导航栏nav模块制作
- 学习时长：11分22秒
-
24
- 新闻快报模块
- 学习时长：07分22秒
-
25
- 京东移动端首页结束2
- 学习时长：计算中
第3章
flex
-
1
- 移动WEB开发flex布局导读
- 学习时长：01分14秒
-
2
- flex布局体验
- 学习时长：07分02秒
-
3
- flex布局原理
- 学习时长：计算中
-
4
- flex设置主轴方向
- 学习时长：08分14秒
-
5
- justify-content设置主轴子元素排列
- 学习时长：计算中
-
6
- flex-wrap子元素是否换行
- 学习时长：04分57秒
-
7
- align-items设置侧轴子元素排列
- 学习时长：计算中
-
8
- align-content设置侧轴子元素排列
- 学习时长：计算中
-
9
- flex-flow以及总结
- 学习时长：计算中
-
10
- 子项flex属性使用
- 学习时长：14分31秒
-
11
- align-self和order
- 学习时长：04分47秒
-
12
- 携程移动端首页准备工作
- 学习时长：计算中
-
13
- 首页布局分析以及搜索模块布局
- 学习时长：计算中
-
14
- 搜索模块user制作
- 学习时长：计算中
-
15
- 搜索模块制作search制作
- 学习时长：计算中
-
16
- 焦点图focus模块制作
- 学习时长：计算中
-
17
- local-nav布局
- 学习时长：计算中
-
18
- local-nav内容制作
- 学习时长：计算中
-
19
- 利用属性选择器更换背景图片
- 学习时长：计算中
-
20
- nav外观布局
- 学习时长：计算中
-
21
- nav内容制作
- 学习时长：计算中
-
22
- 背景渐变linear-gradient
- 学习时长：计算中
-
23
- subnav-entry模块制作
- 学习时长：计算中
-
24
- 热门活动模块制作
- 学习时长：计算中
-
25
- 更多福利模块制作
- 学习时长：计算中
-
26
- sales-bd模块制作3
- 学习时长：计算中
第4章
rem布局
-
1
- 移动WEB开发rem适配布局导读
- 学习时长：01分20秒
-
2
- rem单位
- 学习时长：11分13秒
-
3
- 媒体查询语法简介
- 学习时长：09分58秒
-
4
- 媒体查询案例背景变色
- 学习时长：12分20秒
-
5
- 媒体查询+rem实现元素动态大小变化
- 学习时长：07分41秒
-
6
- 媒体查询引入资源
- 学习时长：09分12秒
-
7
- CSS的弊端
- 学习时长：05分22秒
-
8
- LESS简介以及使用变量
- 学习时长：09分04秒
-
9
- less编译easyless插件
- 学习时长：08分56秒
-
10
- less嵌套
- 学习时长：10分17秒
-
11
- less运算
- 学习时长：05分57秒
-
12
- rem适配方案原理
- 学习时长：11分53秒
-
13
- rem最终适配方案
- 学习时长：11分45秒
-
14
- 苏宁首页common.less制作
- 学习时长：04分43秒
-
15
- 苏宁首页import导入样式
- 学习时长：04分03秒
-
16
- 苏宁首页body样式设置
- 学习时长：07分28秒
-
17
- 苏宁首页search-content模块布局
- 学习时长：09分02秒
-
18
- 苏宁首页search-content内容布局
- 学习时长：计算中
-
19
- 苏宁首页-search模块制作
- 学习时长：计算中
-
20
- 苏宁首页banner和广告模块制作
- 学习时长：计算中
-
21
- 苏宁首页nav部分制作
- 学习时长：计算中
-
22
- rem适配方案2flexble.js简介
- 学习时长：计算中
-
23
- rem适配方案2苏宁首页前期准备工作
- 学习时长：计算中
-
24
- rem适配方案2body样式修改
- 学习时长：计算中
-
25
- 一个神奇的vscode插件cssrem
- 学习时长：计算中
-
26
- 修改flexible默认html字体大小
- 学习时长：计算中
-
27
- rem适配方案2 search-content内容制作1
- 学习时长：计算中
-
28
- rem适配方案2 search-content内容制作2
- 学习时长：计算中
第5章
响应式布局
-
1
- 移动web开发响应式导读
- 学习时长：02分47秒
-
2
- 响应式开发原理
- 学习时长：03分01秒
-
3
- 响应式布局容器
- 学习时长：12分23秒
-
4
- 响应式导航案例
- 学习时长：06分11秒
-
5
- Bootstrap简介
- 学习时长：10分08秒
-
6
- Bootstrap使用（上）
- 学习时长：08分31秒
-
7
- Bootstrap使用（下）
- 学习时长：05分17秒
-
8
- Bootstrap布局容器
- 学习时长：03分51秒
-
9
- Bootstrap栅格系统
- 学习时长：04分58秒
-
10
- Bootstrap栅格系统使用（上）
- 学习时长：12分38秒
-
11
- Bootstrap栅格系统使用（下）
- 学习时长：06分28秒
-
12
- Bootstrap列嵌套
- 学习时长：08分07秒
-
13
- Bootstrap列偏移
- 学习时长：08分06秒
-
14
- Bootstrap列排序
- 学习时长：03分21秒
-
15
- Bootstrap响应式工具
- 学习时长：06分22秒
-
16
- 阿里百秀需求分析
- 学习时长：05分59秒
-
17
- 阿里百秀前期准备工作
- 学习时长：03分58秒
-
18
- 修改container最大宽度
- 学习时长：03分50秒
-
19
- 阿里百秀logo制作
- 学习时长：08分02秒
-
20
- 阿里百秀nav制作引入字体图标
- 学习时长：08分32秒
-
21
- 阿里百秀news制作（上）
- 学习时长：12分20秒
-
22
- 阿里百秀news制作（下）
- 学习时长：03分24秒
-
23
- 阿里百秀publish模块制作
- 学习时长：11分50秒
-
24
- 阿里百秀aside模块制作
- 学习时长：计算中
-
25
- 阿里百秀logo响应式制作
- 学习时长：09分27秒
-
26
- 阿里百秀nav响应式制作
- 学习时长：04分51秒
-
27
- 阿里百秀news响应式制作
- 学习时长：05分35秒
-
28
- 阿里百秀publish响应式制作
- 学习时长：05分04秒
-
29
- 移动端开发总结
- 学习时长：03分07秒
课程推荐
更多>
-
视频- 前端基础进阶-移动Web
- 本课程采用2+5模式，前两天承接HTML+CSS，使用字体图标、平面转换、动画等，丰富网页效果和呈现方式；后5天完成移动端和多端适配效果。课程采用闭环方式设计，每章节都配备综合案例，学完即练习企业级项目，让学生不仅掌握知识点，还能学到知识点在实际开发中的应用场景，让学生学以致用。
- 立即学习 2022/12/22 41:20
-
视频- HTML5+CSS练手项目【手敲阴阳师官网】
- 网页作品布局方面：网页布局整体为LOGO、导航、轮播图、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断。
- 立即学习 2022/12/22 12:39
-
视频- 前端HTML5+CSS3（女神版）
- 最新的web前端html5+css3+前端项目重磅上线啦！采用实战式教学，一线大厂的综合案例，用最短的路径讲解每个技术点，每章节都自成闭环。课程中和课程尾配备两个实战项目，项目一类型是企业站，快速的将基础知识点进行反复练习；项目二类型是电商站，基于项目一升级难度，掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿；编码规范对标一线大厂开发标准，
- 立即学习 2022/12/22 44:28
-
视频- 前端基础HTML5+CSS3从入门到精通(完整版)
- 本视频基于2021年最新web标准录制，包含所有HTML5+CSS3的新特性，传统布局和弹性盒布局、响应式布局、网格布局深入讲解，打造一站式知识长龙服务，0基础也可轻松入门学习。
- 立即学习 2022/12/22 35:28