css布局之flex布局 中阶

学习使用flex布局;学习使用nth-of-type等伪类选择器

5分 课程好评榜    第6 更新: 近三个月

收藏( 15 下载课程 二维码 下载学院APP 缓存视频离线看 学习社群 二维码 关注公众号 加入官方群

274 学习人数 1小时19分钟 9课时
课程权益 15分钟内无条件退款 1、仅限付费视频课程适用
2、购买后15分钟内可以找到客服进行沟通退款
3、下载资料后不再享有退款特权
4、客服(Tel:400-101-1651)

24小时内答疑 随时随地观看课程

TA School

讲师评分:5.0 2门 课程 294 次学习

曾就职于中科软科技、太极集团等国内大型一线互联网公司。从事过基于BI技术的数据分析提取工作, 基于BPM的流程引擎开发工作;从事公司产品线的底层研发工作,支持了众多大型国企及私人企业电...

主页
  • 课程介绍
  • 课程大纲
  • 学员评价
  • 其他课程 1
  • 学习路径

适合人群:

移动端开发工程师、前端开发工程师等

课程目标:

学习使用flex布局;学习使用nth-of-type等伪类选择器

课程简介:

css布局之flex布局,快速学习flex弹性伸缩布局的妙用。
主要讲解如何在父容器上添加flex-direction、justyfi-content、align-items、align-content等控制样式的属性;
以及如何在子元素上添加order、flex-grow、flex、align-self等样式属性。

备注:本课程不提供学习下载资料。

展开更多

课程大纲

  • 第1章 flex布局前世今生

    13分钟3节

  • 1-1

    flex布局神通广大 flex布局神通广大

    [04:28] 开始学习
  • 1-2

    flex布局居中效果演示 flex布局居中效果演示

    [08:02] 开始学习
  • 1-3

    flex布局总结 flex布局总结

    [01:13] 开始学习
  • 第2章 flex布局父元素相关属性使用

    46分钟4节

  • 2-1

    父元素display 父元素display

    [06:56] 开始学习
  • 2-2

    父元素flex-direction和flex-wra 父元素flex-direction和flex-wrap

    [08:54] 开始学习
  • 2-3

    父元素flex-flow和justify-conte 父元素flex-flow和justify-content

    [07:30] 开始学习
  • 2-4

    父元素align-items和align-conte 父元素align-items和align-content

    [23:13] 开始学习
  • 第3章 flex布局子元素相关属性使用

    19分钟2节

  • 3-1

    子元素order flex-grow和flex-sh 子元素order flex-grow和flex-shrink

    [09:48] 开始学习
  • 3-2

    子元素flex-basis,flex和align-s 子元素flex-basis,flex和align-self

    [09:34] 开始学习

5

学员评分

  • 0%
  • 0%
  • 0%
  • 0%
  • 0%

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

      展开更多
      加载中
      没有了哦~
      关注公众号 领VIP会员
      下次再说

      点击打包下载,即可获取该课程全部资料

      打包下载
      在线
      客服
      在线
      客服

      下载Android客户端

      下载iphone 客户端

      关注官方微信

      返回
      顶部