在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开发中鲜有使用。