CSS3 单位详解：编程中常用的单位

在编写网页样式时，经常需要使用单位来指定元素的尺寸、位置和其他属性。CSS3 提供了多种单位，可以根据具体需求选择合适的单位进行使用。本文将详细介绍一些常用的 CSS3 单位，并提供相应的源代码示例。

1. 像素（px）
   像素是最常见和最常用的单位之一。它表示屏幕上的一个物理像素点。在 CSS 中，可以使用像素作为长度单位来指定元素的尺寸。例如，将一个 div 元素的宽度设置为 200 像素：

div {
   
   
  width: 200px;
}

2. 百分比（%）
   百分比单位是相对于父元素的尺寸进行计算的。使用百分比可以实现响应式布局和相对定位。例如，将一个 div 元素的宽度设置为父元素宽度的一半：

div {