flexbox布局_基础面试13：CSS3有哪些新特性？谈谈CSS3的Flexbox布局

新增各种CSS选择器 (: not(.input)：所有 class 不是“input”的节点)

圆角 (border-radius:8px)

多列布局 (multi-column layout)

阴影和反射 (ShadowReflect)

文字特效 (text-shadow、)

文字渲染 (Text-decoration)

线性渐变 (gradient)

旋转 (transform)

缩放,定位,倾斜,动画,多背景

---

Flexbox(弹性盒布局模型)

一个用于页面布局的全新CSS3功能，Flexbox可以把列表放在同一个方向(从上到下排列，从左到右)，并让列表能延伸到占用可用的空间。

较为复杂的布局还可以通过嵌套一个伸缩容器(flex container)来实现。

采用Flex布局的元素，称为Flex容器(flex container)，简称"容器"。

它的所有子元素自动成为容器成员，称为Flex项目(flex item)，简称"项目"。

常规布局是基于块和内联流方向，而Flex布局是基于flex-flow流可以很方便的用来做局中，能对不同屏幕大小自适应。在布局上有了比以前更加灵活的空间。

推荐：https://www.w3cplus.com/css3/flexbox-basics.html