酱紫学习笔记

flex布局极大的提高了我们布局的效率，更简单、灵活。 主轴对齐方式 属性值 作用 flex-start 默认值, 起点开始依次排列 flex-end 终点开始依次排列 center 沿主轴居中排列

PC端和移动端区别 PC端 屏幕大，网页固定版型 PC端浏览器繁多，更多考虑兼容性问题。（布局： 浮动+定位+标准流） 移动端 手机屏幕小，网页宽度多数为100%，是适配手机屏幕宽度 移动端则基本不需

动画可以不需要用鼠标触发，自动重复执行变形。 1.使用动画需要先定义动画： 或者可以用百分比表示： 2.调用动画 动画属性 动画名字参照css类选择器命名 动画时长和延迟时间别忘了带单位 s infi

3D坐标系 3D 坐标系比2D坐标系多了一个Z轴。 X 轴 越往右越大 Y 轴 越往下越大 Z 轴 越往屏幕越大 3D位移 transform: translate3d(x, y, z); 也可以分开

变形可以改变盒子在平面内的形态（位移、旋转、缩放、倾斜等等） 位移translate translate可以让盒子沿着x轴或者y轴来移动。 位移和margin区别： margin移动盒子会影响其他盒子