CSS的em屬性是用來(lái)設(shè)置字體大小的相對(duì)單位，它是相對(duì)于其父元素字體大小而言的，而不是絕對(duì)長(zhǎng)度。這使得em成為了一種非常有用的單位，因?yàn)樗梢愿鶕?jù)父元素字體大小自適應(yīng)地調(diào)整字體大小。

p {
font-size: 16px; /* 父元素字體大小 */
}
span {
font-size: 0.5em; /* 相對(duì)于父元素字體大小的50% */
}

在上面的例子中，如果span元素的父元素是p元素，那么span元素的字體大小就會(huì)是8px（16px的50%）。但是如果父元素的字體大小被修改成了18px，那么span元素的字體大小也會(huì)隨之變化，變成9px。

這種相對(duì)于父元素字體大小的特性使得em非常適合在響應(yīng)式設(shè)計(jì)中使用，因?yàn)樗梢愿鶕?jù)父元素的字體大小相應(yīng)地調(diào)整字體大小，而不必修改固定的像素大小值。

在一些情況下，我們也可以使用rem屬性來(lái)設(shè)置字體大小，不同之處在于rem是相對(duì)于根元素字體大小而言的，也就是說(shuō)它的大小不會(huì)受到父元素字體大小的影響。

html {
font-size: 16px;
}
p {
font-size: 1.5rem; /* 相當(dāng)于24px（16px的1.5倍） */
}
span {
font-size: 0.5rem; /* 相當(dāng)于8px（16px的0.5倍）*/
}

在上面的例子中，span元素的字體大小是根據(jù)根元素字體大小設(shè)置的，而不是父元素字體大小。如果我們把根元素字體大小修改成了20px，那么span元素的字體大小也會(huì)相應(yīng)地變?yōu)?0px，而不會(huì)受到p元素字體大小的影響。

綜上所述，em和rem是非常有用的單位，它們可以根據(jù)父元素和根元素字體大小自適應(yīng)地調(diào)整字體大小，使字體大小的設(shè)置更加靈活方便。