CSS中的单位只要有哪些

在CSS中，有许多种单位，用于描述元素的尺寸、距离等。以下是其中常用的单位：

px

像素（px）是最常用的单位，表示屏幕上的一个点（dot）。它是一个绝对单位，不随屏幕分辨率的改变而改变。比如，将宽度设置为200px，则元素的宽度将会是200个像素点。

em

相对单位em是根据元素的字体大小而定。1em等于元素的字体大小。如果父元素的字体大小为16px，子元素的字体大小为1.5em，则子元素的字体大小为24px（16px * 1.5em）。

rem

rem是相对单位em的进化版，它是相对于根元素（即html元素）的字体大小而定。比如，如果html元素的字体大小为16px，将元素的宽度设置为2rem，则元素的宽度将会是32px（16px * 2rem）。

%

百分比单位是相对于父元素的大小而定。比如，如果父元素的宽度为200px，将元素的宽度设置为50%，则元素的宽度为100px（200px * 50%）。

vh、vw

vh和vw是相对于屏幕视口大小而定的单位，分别表示视口的高度和宽度的百分比。比如，如果视口宽度为800px，将元素的高度设置为50vh，则元素的高度为400px（800px * 50vh）。

pt

pt是印刷时使用的单位，1pt等于1/72英寸。在web开发中鲜有使用。

mm、cm

mm和cm是物理世界中使用的单位，表示毫米和厘米。在web开发中鲜有使用。