-
浏览器渲染原理 根据HTML构建HTML树(DOM)
根据CSS构建CSS树(CSSOM)
将两棵树合并成一颗渲染书(render tree)
Layout布局(文档流、盒模型、计算大小和位置)
Paint绘制(把边框颜色、文字颜色、阴影等画出来)
Compose合成(根据层叠关系展示画面) -
CSS 动画的两种做法(transition 和 animation) transition的用法
作用:补充中间帧
语法
transition:属性名 时长 过渡方式 延迟
transition:left 200ms liner
transition:left 200ms.top 400ms
可以用all代表所有属性
transition:all 200ms
animation用法
声明关键帧
添加动画
缩写语法
animation:时长、过渡方式、延迟、次数、方向、填充模式、是否暂停、动画名