CSS3

```css .div{ pointer-events: none; // 禁止点击，DOM不会触发点击事件 animation: ani 3s steps(3); // steps(n)控制动画帧到

1.Flex布局 flex容器属性 flex-direction： 主轴方向（默认row水平） flex-wrap： 子项是否可换行 flex-flow：flex-direction与flex-wra

1. 媒体查询 CSS2 中引入了 @media 规则，根据不同媒体类型应用不同样式 查询包括： 视口viewport的宽度和高度 设备device的宽度和高度 方向（平板电脑/手机处于横向还是纵向模

1. filter 设置图片的视觉效果（模糊度、饱和度等） 2.object-fit 用于调整 <img> 或 <video> 里资源的宽高以适应其容器 outline-offset 在outline

1. transform (2D) transform 提供了多种2D转换的方法 translate： 移动 rotate： 旋转 scale：缩放 skew：倾斜 matrix：矩阵 1.1 tra

1. 圆角 1.1 border-radius 2.阴影 2.1 box-shadow 盒子阴影 2.2 text-shadow 字体阴影 3.文本效果 3.1 text-overflow 规定应如何

1. background 1.1 多重背景 1.2 background-size 全尺寸背景图像 1.3 background-origin 指定背景图像的位置 1.4 background-cl