css 长度

• <length>
• 用于表示距离尺寸的 CSS 数据类型。

• em
• 相对长度单位。相对于当前对象内文本的字体尺寸。

• ex
• 相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。

• ch CSS3
• 所用字体中数字“0”的宽度

• rem CSS3
• rem 这个单位代表根元素的 font-size 大小（例如元素的font-size）。当用在根元素的 font-size 上面时，它代表了它的初始值。

• vw CSS3
• 相对于视窗口区域的宽度。视窗口区域被均分为100单位的vw

• vh CSS3
• 相对于视窗口区域的高度。视口被均分为100单位的vh

• vmax CSS3
• vmax：视口高度 vw 和宽度 vh 两者之间的最大值。

• vmin CSS3
• vmin：视口高度 vw 和宽度 vh 两者之间的最小值。

• cm
• 厘米（Centimeters）绝对长度单位。 1cm = 96px / 2.54。

• mm
• 毫米（Millimeters）绝对长度单位。1mm = 1/10 * 1cm。

• Q
• 1/4毫米（quarter-millimeters）绝对长度单位。四分之一毫米。1Q = 1/40 * 1cm。

• in
• 英寸（Inches）绝对长度单位。1in = 2.54cm = 96px。

• pt
• 点（Points）绝对长度单位。72 分之一英寸。1pt = 1/12 * 1pc = 1/72 * 1in。

• pc
• 派卡（Picas）绝对长度单位。六分之一英寸。 1pc = 12pt = 1/6 * 1in。相当于我国新四号铅字的尺寸。

• px
• 绝对长度单位像素（Pixels）。对于普通的屏幕，通常是一个设备像素（点）。对于打印机和高分辨率屏幕，一个 CSS 像素往往占多个设备像素。一般来说，每英寸的像素的数量保持在 96 左右， 1px = 1in 的 96 分之一。

• calc() CSS3
• 用于动态计算长度值。

• var() CSS3
• CSS3自定义属性、变量

• <number>
• 数字数据类型代表一个数字，可为整数或小数。

• <integer>
• 整数数据类型是一种特殊的数字数据类型，它表示一个整数，无论是正数还是负数。整数可以用于许多css属性，例如column-count, counter-increment, grid-column, grid-row, and z-index.

• <percentage>
• 表述一个百分比值。许多 CSS 属性 可以取百分比值，经常用以根据父对象来确定大小。

• percentage
• percentage