本周课程复习了CSS单位,包括绝对单位(如像素)和相对单位(如em、rem、百分比)。绝对单位适合精确控制,而相对单位更灵活,适合响应式设计。此外,还介绍了CSS渐变、函数及@规则,强调了CSS变量的可重用性和一致性。
"em"是相对单位,基于大写字母M的像素大小(默认16px),用于设置字体和边距等。虽然"em"可以实现灵活布局和无障碍访问,但可能导致计算复杂性和累积效应。为避免这些问题,可以使用"rem"单位,它始终相对于根元素的字体大小。
CSS单位分为绝对单位和相对单位。绝对单位有厘米、毫米、英寸、像素等,相对单位根据父元素或视口变化,如em、rem、vw、vh等。CSS支持单位转换,方便设计灵活使用。通常容器用绝对单位,子元素用相对单位。
本文介绍CSS长度单位,包括绝对和相对单位。绝对单位只需知道px,其他可用px表示。相对单位包括上层元素、字体、行高和视区。视区单位新增18个,但兼容性不佳,生产环境需避免使用。
完成下面两步后,将自动完成登录并继续当前操作。