scss函数

• darken / lighten

  lighten(#fff,10%) //原色的亮度值 增加百分之10亮度
  draken(#fff,10%) // 在原色的基础上 减少百分之10亮度

介绍：lighten()和darken()两个函数都是围绕颜色的亮度值做调整的，其中lighten()函数会让颜色变得更亮，与之相反的darken()函数会让颜色变得更暗。这个亮度值可以是0~1之间。

使用场景：lighten和darken这两个内置函数经常被用到元素被hover/focus时，当我们hover，一个元素的时候。此时并不希望改变这个元素的色值，但是又想要用户感知到鼠标停留在这个元素上。此时这两个内置函数就发挥了他们的作用了。

background: lighten(#dd524d, 30%)

scroll-behavior

当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，CSS 属性 scroll-behavior 为一个滚动框指定滚动行为，其他任何的滚动，例如那些由于用户行为而产生的滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。

• 使页面平滑滚动 也可以是区域选择弃。

html{
  scroll-behavior: smooth;
}