CSS样式的边距是指元素周围的空白区域，可以使用不同的单位来设置元素的边距。在CSS中，通常使用以下四种单位：

1. 像素（px）：是绝对单位，可以精确地设置边距大小。
2. 百分比（%）：相对单位，基于父元素的边框宽度计算。
3. 厘米（cm）：绝对单位，基于实际的尺寸和分辨率计算。
4. em：相对单位，基于元素的字体大小计算。

下面是一些示例代码，展示如何使用不同的单位来设置元素的边距：

/* 使用像素作为边距单位 */
div {
margin: 10px; /* 为所有侧面设置相同的边距 */
margin-top: 5px; /* 为上边距设置不同的值 */
margin-left: 20px; /* 为左边距设置不同的值 */
}
/* 使用百分比作为边距单位 */
div {
margin: 10%; /* 为所有侧面设置相同的边距 */
margin-top: 5%; /* 为上边距设置不同的值 */
margin-left: 20%; /* 为左边距设置不同的值 */
}
/* 使用厘米作为边距单位 */
div {
margin: 1cm; /* 为所有侧面设置相同的边距 */
margin-top: 0.5cm; /* 为上边距设置不同的值 */
margin-left: 2cm; /* 为左边距设置不同的值 */
}
/* 使用em作为边距单位 */
div {
margin: 1em; /* 为所有侧面设置相同的边距 */
margin-top: 0.5em; /* 为上边距设置不同的值 */
margin-left: 2em; /* 为左边距设置不同的值 */
}

了解不同单位的特点和使用场景，可以更好地掌握CSS样式的边距设置，实现更加美观、合理的页面布局。