深入理解布局神器 flexbox

深入理解布局神器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布局相关学习