快捷搜索:  汽车  科技

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流可以很方便的用来做局中,能对不同屏幕大小自适应。在布局上有了比以前更加灵活的空间。

css3标签列表详解:基础面试13CSS3有哪些新特性(1)

css3标签列表详解:基础面试13CSS3有哪些新特性(2)

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

猜您喜欢: