在写微信小程序的时候就非常喜欢使用多列的布局模式，当时觉得flex布局不好看，特地在里面嵌套了一个grid布局让其更整洁。但是现在学了多列布局，虽然整体上不如flex 和grid 写的舒服和快捷，但是我还是觉得这个布局还是有一定的用武之处，比如考试。

在上一篇教程中，我们学习了HTML的基础知识，创建了第一个网页并添加了基本样式。今天我们将深入探索CSS的核心——选择器系统，这是精确控制网页样式的关键！通过本教程，你将学会如何像专业开发者一样精确地定位和美化网页元素。

函数功能

固定定位可以使用于很多网站上，就比如正常滚动网页的时候，正常的网页上一般都会有一个上方，左侧等等位置会有一个导航栏等东西。但是随着页面滚动之后如果是页面元素会正常向上滚动，所以为了让这个元素正常固定，就需要使用到固定定位。

之前在暑假的时候自己写过一段事件的小程序，当时对于Flex布局有过初步的了解，当时在写完小程序之后我还记得我说过，布局只要有Flex和Grid其他的都不重要。当时觉得这个布局十分的好用，但是并没有深入的去了解，但是经过深度学习之后，感觉比自己去摸索懂得会更透彻一些。

动画在生活中很常见，手机的APP打开就是从本来规定的图标形状变化到屏幕全屏的形状，中间时间的所有变化都是动画。在手机上就成为过渡动画，这个动画的本质目的其实就是让人脑有一个来回过程的显示，更便于其理解。这种理解的本意就是知其何来，知其何去。虽然有不少的人会觉得这种动画在Windows，Linux系统上就是增加硬件的负担，降低硬件性能，但是也是因为有来有回，而且动画使用特定的曲线让苹果在桌面系统中获得一席之地。

之前调整元素的位置只能使用margin,padding这些属性对其进行调整，例如元素的位置和周围的元素看起来高度不协调，一定是使用类似margin-top: 2px这样的方法去调整高度。但是这样必定会出现一个问题 — 如果存在父级元素，父级元素会受到这样移动的影响。如果想要达到移动的同时可以解决对父级元素的影响，相对定位一定是一个很好的解决方案。

这个布局之前我在写微信小程序的时候是非常喜欢的一个，毕竟我是一个喜欢规整布局的人。所以一开始就学了不少Grid布局的属性，在Flex布局中我确实漏学了不少知识，但是Grid学下来却发现好像除了基础的术语，还真的学的差不多了。