CSS是前端开发过程中不可缺少的一环，其中定义页面元素的宽高是非常重要的一部分。CSS中有很多表示宽高的单位，其中最常用的是像素（px）和百分比（%）。
div {
width: 100px;
height: 50%;
}
上面的代码展示了如何使用CSS定义一个DIV元素的宽度为100像素，高度为父元素高度的50%。像素单位是最常用的，因为它们可以精确地定义元素的大小。但是，在不同的设备上，像素单位的大小也会不同。因此，在一些响应式网站或移动应用程序中使用百分比单位来适应不同屏幕的大小是一种常见的方式。
另外，除了像素和百分比，CSS还提供了其他一些用于表示宽高的单位。其中最常见的单位是ems（em）和rem（root em）。
div {
width: 10em;
height: 2rem;
}
上面的代码中，宽度为10em（这意味着宽度将是元素父容器字体大小的10倍），高度为2rem（这意味着高度将是根元素（html标签）字体大小的2倍）。相较于像素和百分比，em和rem单位可以适应不同的文字大小，是一种更灵活的方式。
在网页开发过程中，使用正确的单位来定义元素的宽高是很重要的。开发者应该根据具体情况合理选择使用不同的单位，来达到最佳的网站性能。
