下面是 CSS 中常用的一些单位: 1. px px(像素)是最常见的单位,它表示屏幕上的一个点(pixel)。 例如: p { font-size: 16px; width: 100px; height: 50px; } 2. em em 是相对单位,它是相对于父元素的 font-size 来计算的。 例如: .parent { font-size: 16px; } .child { font-size: 1.5em; /* 1.5 * 16px = 24px */ } 3. rem rem(root em)也是相对单位,但是它是相对于根元素(即 HTML 元素)的 font-size 来计算的。 例如: html { font-size: 16px; } p { font-size: 1rem; /* 16px */ } 4. vw/vh vw(Viewport Width)和 vh(Viewport Height)是相对单位,它们表示视口宽度和高度的百分比。 例如: div { width: 50vw; /* 视口宽度的 50% */ height: 50vh; /* 视口高度的 50% */ } 5. %(百分比) 百分比是相对单位,它们可以用在很多属性上,如宽度、高度、边距、填充等。 例如: div { width: 50%; /* 父元素宽度的 50% */ margin-top: 10%; /* 父元素高度的 10% */ }
以上就是一些常用的 CSS 单位,大家可以根据具体情况选择合适的单位来制作布局和样式。