在编写网页样式时,经常需要使用单位来指定元素的尺寸、位置和其他属性。CSS3 提供了多种单位,可以根据具体需求选择合适的单位进行使用。本文将详细介绍一些常用的 CSS3 单位,并提供相应的源代码示例。
- 像素(px)
像素是最常见和最常用的单位之一。它表示屏幕上的一个物理像素点。在 CSS 中,可以使用像素作为长度单位来指定元素的尺寸。例如,将一个 div 元素的宽度设置为 200 像素:
div {
width: 200px;
}
- 百分比(%)
百分比单位是相对于父元素的尺寸进行计算的。使用百分比可以实现响应式布局和相对定位。例如,将一个 div 元素的宽度设置为父元素宽度的一半: