CSS相對單位和絕對單位有什么區別，需要具體代碼示例
CSS中的單位可以分為相對單位和絕對單位兩種。相對單位是相對于元素本身或者父元素的大小來確定大小，而絕對單位是相對于屏幕或者打印介質的大小來確定大小。本篇文章將詳細介紹CSS中的相對單位和絕對單位的區別，并提供相應的代碼示例。
一、相對單位
- em
em是相對于父元素的字體大小來決定的單位。當定義一個元素的字體大小為1em時，它將和父元素的字體大小相等。em可以連續使用，每個em都相對于前一個em的大小來計算。例如，父元素的字體大小為16px，子元素的字體大小定義為1.5em，則子元素的字體大小為24px（1.5 * 16px）。
示例代碼：
.parent {
font-size: 16px;
}
.child {
font-size: 1.5em;
}
登錄后復制
- rem
rem也是相對單位，但是相對于根元素（html元素）的字體大小來決定。rem的使用和em類似，但是它不會繼承父元素的字體大小，只會繼承根元素的字體大小。這樣可以避免多層嵌套時字體大小的累積計算。
示例代碼：
html {
font-size: 16px;
}
.child {
font-size: 1.5rem;
}
登錄后復制
二、絕對單位
- px
像素（pixel）是絕對單位，它是屏幕上顯示的最小單位。px在CSS中用于定義元素的寬度、高度、邊框等大小。它不受瀏覽器的縮放影響，無論用戶如何調整瀏覽器窗口的大小，像素的大小都保持不變。
示例代碼：
element {
width: 200px;
height: 100px;
border: 2px solid #000;
}
登錄后復制
- cm
厘米（centimeter）是絕對單位，它是相對于物理尺寸的單位。在打印媒介中使用cm單位可以更精確地控制元素的大小。
示例代碼：
element {
width: 10cm;
height: 5cm;
}
登錄后復制
