CSS 单位中 px、em 和 rem 的区别？

在CSS中，px、em和rem是常用的长度单位，它们之间有一些区别：

    px（像素）：
        px是相对长度单位，它是相对于显示器屏幕分辨率的一个点的大小。
        px单位是固定的，不会随着父元素的改变而改变。
        px单位在响应式设计中使用较少，因为不会随着用户的浏览器设置改变而改变。

    em：
        em是相对长度单位，它是相对于父元素的字体大小来计算的。
        如果应用在字体大小上，1em等于父元素的字体大小。如果应用在其他属性上，1em等于当前元素的字体大小。
        em单位具有继承性，会继承父元素的字体大小，因此在响应式设计中可以使用em单位来实现相对大小。

    rem：
        rem是相对长度单位，它是相对于根元素（html元素）的字体大小来计算的。
        1rem等于根元素的字体大小。通常浏览器的默认字体大小是16px，所以1rem等于16px。
        rem单位不会受到父元素字体大小的影响，更适合用于响应式设计中，可以更方便地控制整个页面的布局。

    总的来说，px是绝对长度单位，em和rem是相对长度单位。em是相对于父元素字体大小计算的，而rem是相对于根元素字体大小计算的。在实际应用中，根据具体的设计需求和布局要求选择合适的长度单位是很重要的。