CSS中常用的边距单位有三种:像素(px)、百分比(%)和em。其中,像素是最常用的边距单位,它是一个固定大小的单位,在不同的屏幕上显示的大小也不同。
百分比也是常用的边距单位,它是相对于其父容器的宽度来计算的。这意味着,如果父容器的宽度更改,元素的边距也会相应地更改。
.border { margin-top: 10%; margin-left: 20px; }
最后一种边距单位是em。em是相对于元素本身的字体大小来计算的。这意味着,如果元素的字体大小更改,其边距也会相应地更改。
p { margin: 1em 0; }
需要注意的是,在使用边距单位时,应该尽量避免使用固定像素值,而是使用相对单位。这可以确保网站的样式在不同的屏幕和设备上均能正确显示。