CSS中的em和rem都是相对长度单位，而像px和pt则是绝对长度单位。

em是相对于使用它的元素的字体大小。例如，假设span元素的字体大小为16px，而以下CSS代码中的p元素定义了字体大小为2em：

p {
font-size: 2em;
}

这将使p元素的字体大小为32像素(16px*2)。

rem是相对于根元素(html元素)的字体大小。这意味着它将始终相对于文档中定义的字体大小。

例如，如果我们使用以下CSS代码来将html元素的字体大小定义为16像素：

html {
font-size: 16px;
}

那么一个定义为2rem的p元素将等于32像素(16px*2)。

需要注意的是，当使用em和rem来定义那些应该根据用户设置更改的字体大小时，将字体大小设置为相对于根元素(html元素)的字体大小是明智的，这样它们可以缩放，而不会影响布局。