css3标签列表详解:基础面试13CSS3有哪些新特性
css3标签列表详解:基础面试13CSS3有哪些新特性缩放 定位 倾斜 动画 多背景旋转 (transform)文字特效 (text-shadow、)文字渲染 (Text-decoration)线性渐变 (gradient)
新增各种CSS选择器 (: not(.input):所有 class 不是“input”的节点)
圆角 (border-radius:8px)
多列布局 (multi-column layout)
阴影和反射 (Shadow\Reflect)
文字特效 (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