请介绍 CSS 中的常用单位及其适用场景，并说明相对单位与绝对单位的区别。

回答思路

1. 能区分 px、pt 等绝对单位与 em、rem、vh、vw 等相对单位
2. 说明每种单位的参照基准与计算方式
3. 能结合响应式布局或实际场景说明单位选择依据
4. 能指出 em 与 rem 在继承与根元素依赖上的差异