在网页设计中，CSS（层叠样式表）起着非常重要的作用。CSS可以控制网页中元素的样式、位置和布局等方面，是实现网页美观、可读、易用的关键。

CSS中有很多基本单位，如像素、百分比、em和rem等。以下是对这些基本单位的一些介绍和使用方法：

像素（px）
像素是CSS中使用最广泛的单位之一。像素是固定的、精确的尺寸单位，它指的是屏幕上一个点的大小。因此，像素可以保证布局的准确性和稳定性。不过，使用像素布局不够灵活，会受到用户屏幕分辨率和设备尺寸的影响。
百分比（%）
百分比是CSS中另外一个常用的尺寸单位。百分比是基于父元素的尺寸计算的，所以使用百分比布局可以有效地应对不同设备尺寸和定位需求。比如，使用百分比可以实现响应式设计，让网页的元素随着设备宽度的变化而自动调整大小和位置。
em
em是相对尺寸单位，它的大小基于当前字体的大小。em可以用于设置元素的宽度、高度、内边距和外边距等属性。不过，em的缺点是会受到父元素字体大小的影响，所以使用em时需要注意父元素字体大小的变化。
rem
rem也是相对尺寸单位，不同于em，它是基于根元素（即html元素）的字体大小计算的。rem的优点是可以避免em的缺点，使得代码更加清晰和易懂。同时，rem也可以实现响应式设计，适应不同设备尺寸和字体大小的变化。

综上所述，不同的基本单位适用于不同的应用场景。在使用时需要根据具体的情况选择合适的单位才能达到最好的视觉效果和用户体验。