深入理解布局神器 flexbox

深入理解布局神器 flexbox

单课 · 60 人学习

售价:¥10.00

深入理解布局神器flexbox,主要向大家讲解 flex 布局的方方面面,从概念到实战。理论和实践相结合,讲解概念的同时进行代码演示。课程最后将和大家一起闯关flexboxfroggy

为什么讲flexbox

将一个属性作为一个主题是不是太夸张了?
No,No,No。flexbox 布局相关属性不是一般的多,概念看了一遍又一遍,到实际操作还是无从下手。

都说弹性布局好用,可啥是容器,啥是项目,啥是轴,what are you talking about?还不如使用 float、absolute 来搞呢?

如果你有这样的困惑,那么请和一步来一步一步的体验一下 flex布局吧!?

课程大纲

基本概念

简单了解flex 布局的相关概念,容器、项目、主轴、侧轴

容器属性学习

flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content

看完这么多的容器属性是不是已经蒙逼了,不要慌下面还要 n 个呢~

项目属性学习

order
flex-grow
flex-shrink
flex-basis
flex
align-self

实战演练

绝对居中布局
等分布局
flexboxfroggy

适用人群

FEer,身为个前端不会 flex 布局怎么好意思出门

敬请期待

grid布局相关学习

购买须知:
1、本课程为虚拟产品,一经购买,概不退款(讲师特别声明除外)
2、在使用过程中,遇到任何问题,请邮件联系:pr@sifou.com

版权声明:讲者在本产品上发表的全部原创内容(包括但不限于文字、视频、图片等)著作权均归讲师本人所有。未经讲师授权许可,观众用户不得以任何载体或形式使用讲师的内容。

4.7 9条评价

今天吃早饭 · 2019-03-27

很细致~

阡陌夕殇 · 2018-09-06

讲的不太流畅,不过思路算是比较清晰了

混子的日常 · 2018-09-06

恩 多谢反馈 比较紧张,我再锻炼锻炼

Cris · 2018-07-28

并没有解决我对flex-basis的困惑

混子的日常 · 2018-07-30

赞, 但是(width 和 flex-basis)二者结合 flex-shrink、 flex-grow 效果存在差异。还是没搞明白。

猫哥在奔跑 · 2018-05-24

妹子5分好评,讲的非常好非常好。

混子的日常 · 2018-05-24

谢谢猫哥鼓励

Jenny · 2018-02-07

瓷猴 · 2018-01-16

对小白很友好

混子的日常 · 2018-01-18

多谢鼓励

萧湘月 · 2017-12-21

五星好评,加油~

混子的日常 · 2017-12-21

谢谢鼓励 感动?

洪点点 · 2017-12-12

讲的非常好 , good ~

混子的日常 · 2017-12-13

谢谢鼓励

1023 · 2017-12-03

混子的日常 · 2017-12-04

感谢1023的支持