CSS の rem と em の違いは何ですか? 質問する

ウェブサイトのソースでは、開発者が ユニットを使用しているのを時々見かけますrem。 と似ていますかem? 実際に何をするのか試してみましたが、何と関連しているのでしょうか?

デモ

html

<div>Hello <p>World</p></div>

CS

div {
    font-size: 1.4rem;
}

div p {
    font-size: 1.4rem;
}