css3新特性

[chenhuiYj]

css3新特性

(1)过渡 transition

(2)动画 animation

(3)形变 transform

(4)圆角 border-radius

(5)选择器：

p:first-of-type（选择同级第一个P元素），

p:nth-of-type(n)(同级第n个P元素)

:last-child（同级最后一个元素，p:last-child--同级最后一个P元素，如果同级最后一个元素不是P，则样式无效）。

:nth-child(n)(同级第n个元素。p:nth-child(n)--同级最后n个P元素，如果同级第n个元素不是P，则样式无效)

:disabled(disabled状态下的样式，表单元素)

(6)flex布局

(7)grid 布局

column 多列布局

(8)粘性定位 position:sticky

(9)盒模型 box-sizing:border-box

(10)媒体查询

(11)自定义字体

(12)透明

(13)渐变

(14)模糊

(15)滤镜