它还能查询系统使用的是深色模式还是浅色模式，即prefers-color-scheme，css 媒体特性，用于检测用户是否有将系统的主题色设置为亮色或者暗色。 在过去，必须手动切换主题色，写两套css，然后通过js来切换。
这是模仿element plus导航栏的基于基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果的代码
在开发移动端app时，经常会碰到需要这样一种情况 —— 网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会
css3提供了filter滤镜，这个属性直接作用于当前元素，而css3 backdrop-filter是让设置这个属性的当前元素背后的元素产生模糊或颜色偏移，相当于透过一个有特殊效果的玻璃看后面的东西，因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明
渐变主要有三种类型：线性渐变(linear-gradient)、径向渐变(radial-gradient)、圆锥渐变(conic-gradient)
