Name: 移动端布局：HTML5+CSS3进阶加强版
Uploaded: 2022-11-25T17:35:10+8:00
Duration: 1172 min 56 s
Description: 本课程的目的是让大家能够掌握移动端布局，课程主要讲解了视口、二倍图、流失布局，flex布局，rem布局，响应式布局，还会增加摹客使用等工具。

移动端布局：HTML5+CSS3进阶加强版

第1章 H5C3加强
展开收起

第1 节 HTML5导读
时长： 01 minutes 30 seconds

第2 节 vscode基本使用
时长： 15 minutes 21 seconds

第3 节 vscode插件安装
时长： 11 minutes 30 seconds

第4 节什么是HTML5
时长： 04 minutes 53 seconds

第5 节 HTML5新增标签
时长： 09 minutes 30 seconds

第6 节多媒体音频标签
时长： 12 minutes 10 seconds

第7 节多媒体视频标签
时长： 15 minutes 03 seconds

第8 节 HTML5新增input标签
时长： 12 minutes 02 seconds

第9 节 HTML5新增表单属性
时长： 12 minutes 32 seconds

第10 节 HTML5小结
时长： 06 minutes 52 seconds

第11 节 CSS3导读
时长： 02 minutes 39 seconds

第12 节 CSS3属性选择器（上）
时长： 11 minutes 18 seconds

第13 节 CSS3属性选择器（下）
时长： 10 minutes 46 seconds

第14 节 CSS3结构伪类选择器（上）
时长： 06 minutes 19 seconds

第15 节第 n 个孩子(n)
时长： 12 minutes 47 seconds

第16 节 nth-child和nth-of-type的区别
时长： 10 minutes 22 seconds

第17 节结构伪类选择器总结
时长： 02 minutes 02 seconds

第18 节 CSS3伪元素选择器
时长： 08 minutes 48 seconds

第19 节伪元素选择器案例
时长： 09 minutes 26 seconds

第20 节 2D转换之translate
时长： 13 minutes 07 seconds

第21 节让一个盒子水平垂直居中
时长： 09 minutes 18 seconds

第22 节 2D转换之rotate
时长： 05 minutes 55 seconds

第23 节 CSS3三角
时长： 07 minutes 23 seconds

第24 节设置转换中心点
时长： 06 minutes 09 seconds

第25 节旋转中心点案例
时长： 06 minutes 56 seconds

第26 节 2D转换之scale
时长： 06 minutes 56 seconds

第27 节图片放大案例
时长： 11 minutes 07 seconds

第28 节分页按钮案例
时长： 03 minutes 20 seconds

第29 节 2D转换综合写法以及顺序问题
时长： 05 minutes 38 seconds

第30 节 2D转换小结
时长： 03 minutes 06 seconds

第31 节 CSS3动画基本使用
时长： 08 minutes 56 seconds

第32 节动画序列
时长： 12 minutes 41 seconds

第33 节 CSS3动画常见属性
时长： 16 minutes 08 seconds

第34 节 CSS3动画简写
时长： 07 minutes 17 seconds

第35 节大数据热点图案例（上）
时长： 14 minutes 08 seconds

第36 节大数据热点图案例（下）
时长： 14 minutes 10 seconds

第37 节速度曲线之steps步长
时长： 08 minutes 28 seconds

第38 节奔跑的熊大案例
时长： 14 minutes 25 seconds

第39 节认识3D转换
时长： 05 minutes 20 seconds

第40 节 3D转换translate3d
时长： 07 minutes 57 seconds

第41 节透视perspective
时长： 08 minutes 53 seconds

第42 节翻译Z
时长： 09 minutes 23 seconds

第43 节 3D旋转rotateX
时长： 09 minutes 43 seconds

第44 节 3D旋转rotateY
时长： 03 minutes 55 seconds

第45 节 3D旋转rotateZ
时长： 05 minutes 50 seconds

第46 节 3D呈现transform-style
时长： 11 minutes 03 seconds

第47 节两面翻转盒子案例
时长： 12 minutes 57 seconds

第48 节 3D导航栏（上）
时长： 12 minutes 26 seconds

第49 节 3D导航栏（下）
时长： 10 minutes 48 seconds

第50 节综合案例-旋转木马案例（上）
时长： 08 minutes 40 seconds

第51 节综合案例-旋转木马案例（下）
时长： 08 minutes 34 seconds

第52 节浏览器私有前缀以及总结
时长： 11 minutes 13 seconds
第2章流式布局
展开收起

第1 节移动WEB开发流式布局导读
时长： 01 minutes 59 seconds

第2 节移动端基础
时长： 09 minutes 31 seconds

第3 节视口
时长： 09 minutes 02 seconds

第4 节 meta视口标签
时长： 06 minutes 53 seconds

第5 节物理像素与物理像素比
时长： 08 minutes 45 seconds

第6 节二倍图
时长： 12 minutes 13 seconds

第7 节背景缩放background-size
时长： 10 minutes 46 seconds

第8 节背景二倍图以及多倍图切图
时长： 05 minutes 38 seconds

第9 节移动端开发选择
时长： 04 minutes 32 seconds

第10 节移动端技术解决方案
时长： 10 minutes 29 seconds

第11 节移动端特殊样式
时长： 04 minutes 53 seconds

第12 节移动端技术选型
时长： 03 minutes 40 seconds

第13 节流式布局
时长： 10 minutes 32 seconds

第14 节京东移动端首页准备工作
时长： 06 minutes 58 seconds

第15 节 body设置
时长： 06 minutes 29 seconds

第16 节 app布局
时长： 08 minutes 29 seconds

第17 节 app内容填充
时长： 07 minutes 01 seconds

第18 节搜索模块布局
时长： 09 minutes 16 seconds

第19 节搜索模块内容制作
时长： 08 minutes 44 seconds

第20 节二倍精灵图的做法
时长： 08 minutes 15 seconds

第21 节焦点图制作
时长： 06 minutes 45 seconds

第22 节品牌日模块制作
时长： 07 minutes 28 seconds

第23 节导航栏nav模块制作
时长： 11 minutes 22 seconds

第24 节新闻快报模块
时长： 07 minutes 22 seconds

第25 节京东移动端首页结束2
时长： 04 minutes 31 seconds
第3章柔性
展开收起

第1 节移动WEB开发flex布局导读
时长： 01 minutes 14 seconds

第2 节 flex布局体验
时长： 07 minutes 02 seconds

第3 节 flex布局原理
时长： 04 minutes 16 seconds

第4 节 flex设置主轴方向
时长： 08 minutes 14 seconds

第5 节 justify-content设置主轴子元素排列
时长： 10 minutes 05 seconds

第6 节 flex-wrap子元素是否换行
时长： 04 minutes 57 seconds

第7 节 align-items设置侧轴子元素排列
时长： 07 minutes 35 seconds

第8 节 align-content设置侧轴子元素排列
时长： 11 minutes 01 seconds

第9 节 flex-flow以及总结
时长： 03 minutes 45 seconds

第10 节子项flex属性使用
时长： 14 minutes 31 seconds

第11 节 align-self和order
时长： 04 minutes 47 seconds

第12 节携程移动端首页准备工作
时长： 06 minutes 46 seconds

第13 节首页布局分析以及搜索模块布局
时长： 09 minutes 10 seconds

第14 节搜索模块user制作
时长： 12 minutes 11 seconds

第15 节搜索模块制作search制作
时长： 11 minutes 22 seconds

第16 节焦点图focus模块制作
时长： 02 minutes 47 seconds

第17 节 local-nav布局
时长： 05 minutes 17 seconds

第18 节 local-nav内容制作
时长： 11 minutes 38 seconds

第19 节利用属性选择器更换背景图片
时长： 04 minutes 44 seconds

第20 节 nav外观布局
时长： 08 minutes 50 seconds

第21 节 nav内容制作
时长： 10 minutes 59 seconds

第22 节背景渐变linear-gradient
时长： 06 minutes 14 seconds

第23 节 subnav-entry模块制作
时长：计算中

第24 节热门活动模块制作
时长：计算中

第25 节更多福利模块制作
时长：计算中

第26 节 sales-bd模块制作3
时长：计算中
第4章 rem布局
展开收起

第1 节移动WEB开发rem适配布局导读
时长： 01 minutes 20 seconds

第2 节 rem单位
时长： 11 minutes 13 seconds

第3 节媒体查询语法简介
时长： 09 minutes 58 seconds

第4 节媒体查询案例背景变色
时长： 12 minutes 20 seconds

第5 节媒体查询+rem实现元素动态大小变化
时长： 07 minutes 41 seconds

第6 节媒体查询引入资源
时长： 09 minutes 12 seconds

第7 节 CSS的弊端
时长： 05 minutes 22 seconds

第8 节 LESS简介以及使用变量
时长： 09 minutes 04 seconds

第9 节 less编译easyless插件
时长： 08 minutes 56 seconds

第10 节 less嵌套
时长： 10 minutes 17 seconds

第11 节 less运算
时长： 05 minutes 57 seconds

第12 节 rem适配方案原理
时长： 11 minutes 53 seconds

第13 节 rem最终适配方案
时长： 11 minutes 45 seconds

第14 节苏宁首页common.less制作
时长： 04 minutes 43 seconds

第15 节苏宁首页import导入样式
时长： 04 minutes 03 seconds

第16 节苏宁首页body样式设置
时长： 07 minutes 28 seconds

第17 节苏宁首页search-content模块布局
时长： 09 minutes 02 seconds

第18 节苏宁首页search-content内容布局
时长：计算中

第19 节苏宁首页-search模块制作
时长：计算中

第20 节苏宁首页banner和广告模块制作
时长：计算中

第21 节苏宁首页nav部分制作
时长：计算中

第22 节 rem适配方案2flexble.js简介
时长： 04 minutes 27 seconds

第23 节 rem适配方案2苏宁首页前期准备工作
时长： 03 minutes 29 seconds

第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 minutes 47 seconds

第2 节响应式开发原理
时长： 03 minutes 01 seconds

第3 节响应式布局容器
时长： 12 minutes 23 seconds

第4 节响应式导航案例
时长： 06 minutes 11 seconds

第5 节 Bootstrap简介
时长： 10 minutes 08 seconds

第6 节 Bootstrap使用（上）
时长： 08 minutes 31 seconds

第7 节 Bootstrap使用（下）
时长： 05 minutes 17 seconds

第8 节 Bootstrap布局容器
时长： 03 minutes 51 seconds

第9 节 Bootstrap栅格系统
时长： 04 minutes 58 seconds

第10 节 Bootstrap栅格系统使用（上）
时长： 12 minutes 38 seconds

第11 节 Bootstrap栅格系统使用（下）
时长： 06 minutes 28 seconds

第12 节 Bootstrap列嵌套
时长： 08 minutes 07 seconds

第13 节 Bootstrap列偏移
时长： 08 minutes 06 seconds

第14 节 Bootstrap列排序
时长： 03 minutes 21 seconds

第15 节 Bootstrap响应式工具
时长： 06 minutes 22 seconds

第16 节阿里百秀需求分析
时长： 05 minutes 59 seconds

第17 节阿里百秀前期准备工作
时长： 03 minutes 58 seconds

第18 节修改container最大宽度
时长： 03 minutes 50 seconds

第19 节阿里百秀logo制作
时长： 08 minutes 02 seconds

第20 节阿里百秀nav制作引入字体图标
时长： 08 minutes 32 seconds

第21 节阿里百秀news制作（上）
时长： 12 minutes 20 seconds

第22 节阿里百秀news制作（下）
时长： 03 minutes 24 seconds

第23 节阿里百秀publish模块制作
时长： 11 minutes 50 seconds

第24 节阿里百秀aside模块制作
时长：计算中

第25 节阿里百秀logo响应式制作
时长： 09 minutes 27 seconds

第26 节阿里百秀nav响应式制作
时长： 04 minutes 51 seconds

第27 节阿里百秀news响应式制作
时长： 05 minutes 35 seconds

第28 节阿里百秀publish响应式制作
时长： 05 minutes 04 seconds

第29 节移动端开发总结
时长： 03 minutes 07 seconds