取值与单位

长度

长度值适用于水平或垂直方向的尺寸。长度值表示为 <length>。长度值的格式是：

number + 长度单位 = length

说明：

相对长度单位又可以分为 文本相对长度单位 和 视口相对长度单位。

Font-relative Length Units

长度单位	说明	版本
em	相对于当前对象内文本的字体尺寸。	CSS1
ex	相对于字符 `x` 的高度。通常为字体高度的一半。	CSS1
ch	相当于数字 `0` 的宽度。	CSS3
rem	相对于根元素（即 `<html>` 元素）`font-size` 计算值的倍数	CSS3

Viewport-relative Length Units

长度单位	说明	版本
vw	相对于视口的宽度。视口被均分为 100 单位的 `vw`。	CSS3
vh	相对于视口的高度。视口被均分为 100 单位的 `vh`。	CSS3
vmax	相对于视口的宽度或高度，总是相对于大的那个。视口的宽度或高度被均分为 100 单位的 `vmax`。	CSS3
vmin	相对于视口的宽度或高度，总是相对于小的那个。视口的宽度或高度被均分为 100 单位的 vmin	CSS3

Absolute Length Units

<time> 表达时间单位。

时间单位	说明	版本
s	秒	CSS3
ms	浩渺	CSS3

名称	说明	版本
`<color>`	用于表示颜色的关键字或者数值规则	CSS1/CSS3
Color Name	用颜色名称来指定颜色。包括基本颜色关键字、系统颜色、SVG 颜色关键字等。	CSS1
HEX	十六进制记法。语法如 `#rrggbb` 或 `#rgb`	CSS1
RGB	RGB 记法	CSS1
RGBA	RGBA 记法	CSS3
HSL	HSL 记法	CSS3
HSLA	HSLA 记法	CSS3
transparent	全透明	CSS1/CSS3
currentColor	当前颜色	CSS3

名称	说明	版本
inherit	该值使得属性能够继承祖先设置。	CSS2.1
initial	属性初始值。	CSS3
unset	擦除属性申明。	CSS3
`<string>`	字符串（含转义字符串）。	CSS2
`<url>`	在网页上提供一个资源地址。（图像、声频、视频或浏览器支持的其他任何资源）	CSS2
`<identifier>`	使用用户自定义标识名作为组件取值。	CSS2

名称	说明	版本
`<image>`	用来表示一个 2D 图像	CSS1/CSS3
`image()`	用于指定图像活着图像替代	CSS3
`image-set()`	根据用户设备的分辨率匹配合适的图像	CSS3
`<gradient>`	使用简单的语法实现颜色渐变，以便 UA 在渲染页面自动生成图像	CSS3
`linear-gradient()`	用线性渐变创建图像	CSS3
`radial-gradient()`	用径向渐变创建图像	CSS3
`repeating-linear-gradient()`	用重复的线形渐变创建图像	CSS3
`repeating-radial-gradient()`	用重复的径向渐变创建图像	CSS3