这些单位都是用于定义网页中元素的尺寸或间距的。
- 1px：代表“像素”，是最基本的单位，表示屏幕上的一个点。在网页设计中，通常用来定义边框、线条、文字等的粗细或大小。
- 1rem：代表“根元素的字体大小”，根元素是指网页中的标签。如果根元素的字体大小为16px，则1rem就等于16px。rem单位的好处在于，如果改变根元素的字体大小，所有使用rem单位的元素大小都会随之变化。
- 1em：代表“父元素的字体大小”，也就是相对于当前元素的父元素的字体大小。如果父元素的字体大小为16px，则1em就等于16px。与rem不同的是，em单位不是相对于根元素而是相对于父元素。
- 1vh：代表“视口高度的1%”，视口是指当前浏览器窗口的可视区域。如果浏览器窗口高度为800px，则1vh就等于8px。vh单位常用来实现响应式布局，使网页中的元素大小和间距随着窗口大小的变化而自适应调整。