[分享]css3单位值和鼠标滚动滑动

CSS3是一种更新的CSS版本。除了已知的属性外，还增加了很多新的单位值选项。下面我们来介绍一下其中一些新的单位值。em：指定元素的字体大小。1em等于父元素的字体大小。 rem：类似于em，但是是相...

CSS3是一种更新的CSS版本。除了已知的属性外，还增加了很多新的单位值选项。下面我们来介绍一下其中一些新的单位值。

em：指定元素的字体大小。1em等于父元素的字体大小。
rem：类似于em，但是是相对于根元素(html)的字体大小。
vw、vh：分别代表视窗的宽和高。1vw等于视窗宽度的1%。
vmin、vmax：分别代表视窗的最小和最大尺寸。1vmin等于视窗宽和高中较小值的1%。

另外，我们经常使用的鼠标滚动滑动事件，在CSS中也有对应的属性值。

scroll-snap-type: y mandatory;
scroll-behavior: smooth;

scroll-snap-type: 该属性可以控制滑动元素停下的位置。其参数可以是none、mandatory、proximity，其中mandatory指的是强制停止在规定的位置。

scroll-behavior: 控制滚动行为的属性，其参数可以是auto、smooth，其中smooth表示进行平滑滚动。这个属性可以和scroll-snap-type组合使用，使得滚动效果更佳。