免费网页布局Flex Box入门讲解(网页设计布局必备技能)(学习班)
  1. Flex Box课程(1)Flex容器的属性

    1. 录播
      Flex Box介绍
      11分钟
    2. 录播
      Flex实战-表单的简单布局
      9分钟
    3. 录播
      flex-direction项目排列方向
      9分钟
    4. 录播
      flex-wrap如何换行
      5分钟
    5. 录播
      justify-content内容水平对齐
      8分钟
    6. 录播
      align-items垂直对齐
      8分钟
  2. Flex课程(2)项目属性

    1. 录播
      order子元素的排序
      5分钟
    2. 录播
      flex-grow项目的放大比例
      4分钟
    3. 录播
      flex-shrink项目的缩小比例
      5分钟
    4. 录播
      flex-basis项目占据的主轴空间
      4分钟
    5. 录播
      align-self(子元素上中下的设置)
      6分钟

对课程感兴趣?

点击报名,听课时长可兑换余额哦~

免费网页布局Flex Box入门讲解(网页设计布局必备技能)(学习班)免费

最近在学 3 累计报名 3 好评度 -
咨询老师
用手机看

扫一扫继续用手机看

  • 微信扫码

  • QQ扫码

下载手机APP

课程概述

目录

往期学员作业()

评论

老师介绍

  • 黄菊华

    黄菊华

    摇亿学院,专注于Web前端、移动开发、跨平台开发技术;《微信小程序商城界面实战》作者;力求让每个入学的学员都能学会这几门技术能参与工作。
简  介 主要讲解FlexBox的容器的知识点和容器内项目的知识点;适合网页/移动端/微信等的页面布局设计
黄菊华老师QQ(微信同号):45157718;前端交流群:147415688
 
【flex应用分析和完整项目实战课程已经上架】

Flex课程(1)Flex容器的属性
1.1-Flex Box介绍
1.2-Flex实战-表单的简单布局
1.3-Flex容器的属性--flex-direction项目的排列方向
1.4-Flex容器的属性--flex-wrap如何换行
1.5-Flex容器的属性--justify-content内容对齐(左中右)
1.6-Flex容器的属性--align-items(上中下对齐)

Flex课程(2)项目属性
2.1-Flex项目的属性--order子元素的排序
2.2-Flex项目的属性--flex-grow项目的放大比例
2.3-Flex项目的属性-flex-shrink项目的缩小比例
2.4-Flex项目的属性-flex-basis项目占据的主轴空间
2.5-Flex项目的属性-flex综合属性设置
2.6-Flex项目的属性-align-self(子元素上中下的设置)
2.7-Flex项目的属性-margin(对齐和居中)

3.1-Flex实战-骰子之一个

* 课程提供者:摇亿教育