今天我来给大家介绍一下我最近关于学到的css知识吧
浏览器渲染原理
- 根据HTML构建HTML树（DOM）
- 根据css构建css树（cssom)
- 两颗树合并成一颗渲染树
- Layout布局（文档流 盒模型 文字颜色 计算大小位置）
- Paint 绘制（把边框颜色，文字颜色，阴影等画出来）
- Compose合成（根据层叠关系展示画面）
在网上找到的树
如果也有像我一样的小白自学css，也可以试着用
transform:translate 和 animation做个跳动的动画，例如红心呀之类的能够更好地帮助自己理解css。
通过三个块元素分别给它们加上尺寸后通过transform:translate和rotate等属性调整方向
一定记得别忘了给三个块元素添加position用来定位，才方便调整角度，大家也可以通过创意想象一个不一样的。今天就分享到这儿吧，好啦我要继续去加工我的心啦~
附上一个我的跳动的心饥人谷JS Bin (jirengu.com)
