• 课程 / HTML5

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

    介绍 章节 评论 课件
    本课程的目的是让大家能够掌握移动端布局,课程主要讲解了视口、二倍图、流失布局,flex布局,rem布局,响应式布局,还会增加摹客使用等工具。
  • 难度:初级
  • 共161章节
  • 74053次播放
  • 第1章 H5C3加强

    HTML5导读

    01分钟30秒

    vscode基本使用

    15分钟21秒

    vscode插件安装

    11分钟30秒

    什么是HTML5

    04分钟53秒

    HTML5新增标签

    09分钟30秒

    多媒体音频标签

    12分钟10秒

    多媒体视频标签

    15分钟03秒

    HTML5新增input标签

    12分钟02秒

    HTML5新增表单属性

    12分钟32秒

    HTML5小结

    06分钟52秒

    CSS3导读

    02分钟39秒

    CSS3属性选择器(上)

    11分钟18秒

    CSS3属性选择器(下)

    10分钟46秒

    CSS3结构伪类选择器(上)

    06分钟19秒

    nth-child(n)

    12分钟47秒

    nth-child和nth-of-type的区别

    10分钟22秒

    结构伪类选择器总结

    02分钟02秒

    CSS3伪元素选择器

    08分钟48秒

    伪元素选择器案例

    09分钟26秒

    2D转换之translate

    13分钟07秒

    让一个盒子水平垂直居中

    09分钟18秒

    2D转换之rotate

    05分钟55秒

    CSS3三角

    07分钟23秒

    设置转换中心点

    06分钟09秒

    旋转中心点案例

    06分钟56秒

    2D转换之scale

    06分钟56秒

    图片放大案例

    11分钟07秒

    分页按钮案例

    03分钟20秒

    2D转换综合写法以及顺序问题

    05分钟38秒

    2D转换小结

    03分钟06秒

    CSS3动画基本使用

    08分钟56秒

    动画序列

    12分钟41秒

    CSS3动画常见属性

    16分钟08秒

    CSS3动画简写

    07分钟17秒

    大数据热点图案例(上)

    14分钟08秒

    大数据热点图案例(下)

    14分钟10秒

    速度曲线之steps步长

    08分钟28秒

    奔跑的熊大案例

    14分钟25秒

    认识3D转换

    05分钟20秒

    3D转换translate3d

    07分钟57秒

    透视perspective

    08分钟53秒

    translateZ

    09分钟23秒

    3D旋转rotateX

    09分钟43秒

    3D旋转rotateY

    03分钟55秒

    3D旋转rotateZ

    05分钟50秒

    3D呈现transform-style

    11分钟03秒

    两面翻转盒子案例

    12分钟57秒

    3D导航栏(上)

    12分钟26秒

    3D导航栏(下)

    10分钟48秒

    综合案例-旋转木马案例(上)

    08分钟40秒

    综合案例-旋转木马案例(下)

    08分钟34秒

    浏览器私有前缀以及总结

    11分钟13秒
    第2章 流式布局

    移动WEB开发流式布局导读

    01分钟59秒

    移动端基础

    09分钟31秒

    视口

    09分钟02秒

    meta视口标签

    06分钟53秒

    物理像素与物理像素比

    08分钟45秒

    二倍图

    12分钟13秒

    背景缩放background-size

    10分钟46秒

    背景二倍图以及多倍图切图

    05分钟38秒

    移动端开发选择

    04分钟32秒

    移动端技术解决方案

    10分钟29秒

    移动端特殊样式

    04分钟53秒

    移动端技术选型

    03分钟40秒

    流式布局

    10分钟32秒

    京东移动端首页准备工作

    06分钟58秒

    body设置

    06分钟29秒

    app布局

    08分钟29秒

    app内容填充

    07分钟01秒

    搜索模块布局

    09分钟16秒

    搜索模块内容制作

    08分钟44秒

    二倍精灵图的做法

    08分钟15秒

    焦点图制作

    06分钟45秒

    品牌日模块制作

    07分钟28秒

    导航栏nav模块制作

    11分钟22秒

    新闻快报模块

    07分钟22秒

    京东移动端首页结束2

    04分钟31秒
    第3章 flex

    移动WEB开发flex布局导读

    01分钟14秒

    flex布局体验

    07分钟02秒

    flex布局原理

    04分钟16秒

    flex设置主轴方向

    08分钟14秒

    justify-content设置主轴子元素排列

    10分钟05秒

    flex-wrap子元素是否换行

    04分钟57秒

    align-items设置侧轴子元素排列

    07分钟35秒

    align-content设置侧轴子元素排列

    11分钟01秒

    flex-flow以及总结

    03分钟45秒

    子项flex属性使用

    14分钟31秒

    align-self和order

    04分钟47秒

    携程移动端首页准备工作

    06分钟46秒

    首页布局分析以及搜索模块布局

    09分钟10秒

    搜索模块user制作

    12分钟11秒

    搜索模块制作search制作

    11分钟22秒

    焦点图focus模块制作

    02分钟47秒

    local-nav布局

    05分钟17秒

    local-nav内容制作

    11分钟38秒

    利用属性选择器更换背景图片

    04分钟44秒

    nav外观布局

    08分钟50秒

    nav内容制作

    10分钟59秒

    背景渐变linear-gradient

    06分钟14秒

    subnav-entry模块制作

    热门活动模块制作

    更多福利模块制作

    sales-bd模块制作3

    第4章 rem布局

    移动WEB开发rem适配布局导读

    01分钟20秒

    rem单位

    11分钟13秒

    媒体查询语法简介

    09分钟58秒

    媒体查询案例背景变色

    12分钟20秒

    媒体查询+rem实现元素动态大小变化

    07分钟41秒

    媒体查询引入资源

    09分钟12秒

    CSS的弊端

    05分钟22秒

    LESS简介以及使用变量

    09分钟04秒

    less编译easyless插件

    08分钟56秒

    less嵌套

    10分钟17秒

    less运算

    05分钟57秒

    rem适配方案原理

    11分钟53秒

    rem最终适配方案

    11分钟45秒

    苏宁首页common.less制作

    04分钟43秒

    苏宁首页import导入样式

    04分钟03秒

    苏宁首页body样式设置

    07分钟28秒

    苏宁首页search-content模块布局

    09分钟02秒

    苏宁首页search-content内容布局

    苏宁首页-search模块制作

    苏宁首页banner和广告模块制作

    苏宁首页nav部分制作

    rem适配方案2flexble.js简介

    04分钟27秒

    rem适配方案2苏宁首页前期准备工作

    03分钟29秒

    rem适配方案2body样式修改

    一个神奇的vscode插件cssrem

    修改flexible默认html字体大小

    rem适配方案2 search-content内容制作1

    rem适配方案2 search-content内容制作2

    第5章 响应式布局

    移动web开发响应式导读

    02分钟47秒

    响应式开发原理

    03分钟01秒

    响应式布局容器

    12分钟23秒

    响应式导航案例

    06分钟11秒

    Bootstrap简介

    10分钟08秒

    Bootstrap使用(上)

    08分钟31秒

    Bootstrap使用(下)

    05分钟17秒

    Bootstrap布局容器

    03分钟51秒

    Bootstrap栅格系统

    04分钟58秒

    Bootstrap栅格系统使用(上)

    12分钟38秒

    Bootstrap栅格系统使用(下)

    06分钟28秒

    Bootstrap列嵌套

    08分钟07秒

    Bootstrap列偏移

    08分钟06秒

    Bootstrap列排序

    03分钟21秒

    Bootstrap响应式工具

    06分钟22秒

    阿里百秀需求分析

    05分钟59秒

    阿里百秀前期准备工作

    03分钟58秒

    修改container最大宽度

    03分钟50秒

    阿里百秀logo制作

    08分钟02秒

    阿里百秀nav制作引入字体图标

    08分钟32秒

    阿里百秀news制作(上)

    12分钟20秒

    阿里百秀news制作(下)

    03分钟24秒

    阿里百秀publish模块制作

    11分钟50秒

    阿里百秀aside模块制作

    阿里百秀logo响应式制作

    09分钟27秒

    阿里百秀nav响应式制作

    04分钟51秒

    阿里百秀news响应式制作

    05分钟35秒

    阿里百秀publish响应式制作

    05分钟04秒

    移动端开发总结

    03分钟07秒

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    本课程的目的是让大家能够掌握移动端布局,课程主要讲解了视口、二倍图、流失布局,flex布局,rem布局,响应式布局,还会增加摹客使用等工具。

    全部评论我要评论

    暂无评论~
  • 取消 回复 发送
  • PHP中文网