position:fixed是对于浏览器窗口定位的，要实现相当于父元素定位，可以这样：

不设置fixed元素的top，bottom，left，right，只设置margin来实现。

- 阅读剩余部分 -

1.先了解最常见定位方案
普通流

元素按照其在 HTML 中的先后位置至上而下布局

- 阅读剩余部分 -

css的grid布局

grid布局即网格布局是一种二维布局，可以同时控制行和列的排布和对齐方式，grid布局由水平线和垂直线构成，两条水平线之间的区域叫做行轨道，两条垂直线的区域叫做列轨道。

- 阅读剩余部分 -

1、animation有什么组成？

Animations由两部分组成：css动画的配置，以及一系列的keyframes（用来描述动画的开始、过程、结束状态）。不需要了解任何Js技术即可完成动画的制作

- 阅读剩余部分 -

一、CSS Transition:
1.它有四个属性：

transition-property：要设置的CSS属性name

transition-duration：transition效果需要多少秒或毫秒才能完成

- 阅读剩余部分 -