CSS 中数值的单位

时间：2021-12-21 作者：匿名

CSS 支持多种度量，包括绝对单位（例如英寸、厘米、点等）以及相对度量（例如百分比和 em 单位）。在样式规则中指定各种度量值时需要这些值，例如border = "1px solid red"。

CSS 单位

CSS 有几个不同的单位用于表示长度。

一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。

长度有一个数字和单位组成如 10px, 2em, 等。

数字与单位之间不能出现空格。如果长度值为 0，则可以省略单位。

对于一些 CSS 属性，长度可以是负数。

有两种类型的长度单位：相对和绝对。

绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。

相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。

Unit	Description	Example
%	将度量定义为相对于另一个值的百分比，通常是一个封闭元素。	p {font-size: 16pt; line-height: 125%;}
cm	以厘米为单位定义度量单位。	div {margin-bottom: 2cm;}
em	em 空格中字体高度的相对度量。因为 em 单位等于给定字体的大小，如果您将字体指定为 12pt，则每个“em”单位将为 12pt；因此，2em 将是 24pt。	p {letter-spacing: 7em;}
ex	该值定义了相对于字体 x 高度的度量。x 高度由字体小写字母 x 的高度决定。	p {font-size: 24pt; line-height: 3ex;}
in	以英寸为单位定义测量值。	p {word-spacing: .15in;}
mm	以毫米为单位定义度量。	p {word-spacing: 15mm;}
pc	以 picas 为单位定义度量。一次异食癖相当于 12 分；因此，每英寸有 6 皮卡。	p {font-size: 20pc;}
pt	以点为单位定义测量。一个点被定义为 1/72 英寸。	body {font-size: 18pt;}
px	以屏幕像素为单位定义度量，这也是我们使用最多的单位。	p {padding: 25px;}