CSS units

CSS 中有各种单位用于表示测量和长度。CSS 单位用于确定我们为元素或其内容设置的属性大小。CSS 中的单位用于定义测量值，例如 *margin: 20px;*，其中 **px**（或像素）是 CSS 单位。它们用于设置边距、内边距、长度等。

我们在数字和单位之间不能应用空格。对于值 0，可以省略单位。某些 CSS 属性允许使用负长度值。

CSS 中的长度单位有两种类型：

• 绝对长度。
• 相对长度。

绝对长度

这些是固定长度单位，使用绝对单位表示的长度将显示为确切的大小。不建议在屏幕上使用，因为屏幕大小变化很大。因此，当输出介质已知时（例如打印布局），应使用绝对单位。

绝对单位在项目中不考虑响应式时很有用。它们对于响应式网站来说不太理想，因为当屏幕发生变化时它们不会缩放。

通常，绝对长度被认为始终是相同的大小。绝对长度单位列表如下：

示例

在此示例中，我们使用 *font-size* 属性来定义段落的绝对长度单位。

输出

相对长度

相对单位非常适合样式化响应式网站，因为它们相对于窗口大小或父元素进行缩放。它们指定长度，该长度相对于另一个长度属性。

根据设备，如果屏幕尺寸变化很大，则相对长度单位是最好的，因为它们在不同的渲染介质之间可以更好地缩放。我们可以将相对单位作为响应式单位的默认值。这有助于我们避免为不同的屏幕尺寸更新样式。

相对长度单位列表如下：

示例

输出

CSS 单位：时间

某些动画属性需要以时间表示的值。

示例

输出

CSS 单位：角度

CSS 中的 transform 属性需要以角度表示的值。

示例

输出