• 井号 #：出现 1 或多次，每个值之间用逗号,隔开

• 感叹号 !：跟在分组后面，表示这个分组至少要出现1个值（即使分组内规定所有值都是可选）

[](()类型 (types)

CSS 属性的取值，有以下几种类型：

• 关键字

比如 red、auto、none、left、right 等（没有任何引号、大于小于号包住），以字面形式显示

• 基本数据类型

格式为 <数据类型>，比如 <length>、<number>、<percentage>、<color>、<string>、<time> 等

• 跟特定属性相关的数据类型

格式为 <数据类型>，比如 <margin-width>、<border-width> 等

• 引用其他属性的值

格式为 '属性名'，比如 'font-size'、'background-image'

[](()< number >、< integer >

<number>：实数，包括整数、小数，比如 2.5、90

<integer>：整数，比如 10、+10、0、-20、968

[](()< length >

<length> 代表着长度，一段距离

• <length> 的值相当于 <number> 后面紧跟着一个长度单位

• 如果 <length> 的值为 0，可以省略长度单位

常见长度单位有 2 种：

• 绝对单位：px

• 相对单位：em、rem

• • 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 *

em 的计算值：

• 一般情况：相对于当前元素的 font-size 进行计算

• 例外情况：当 em 用在 font-size 属性上时，相对于父元素的 font-size 进行计算

rem 的计算值，相对于根元素的 font-size 进行计算

• 当 rem 用在根元素的 font-size 属性上时，那就相对于根元素 font-size 的初始值计算

[](()< time >

<time> 表示时间，相当于 <number> 后面跟着一个时间单位

• s：秒

• ms：毫秒，1秒 = 1000毫秒

[](()< angle >

<angle> 表示角度 ，相当于 <number> 后面跟着一个角度单位

• deg：Degrees，度，每个圆周是 360 degrees

[](()< percentage >

<percentage> 的写法是 <number> 后面紧跟着一个百分号 %

如何获得 <percentage> 的计算值？

• 可能相对于当前元素的某一属性值计算

• 可能相对于父元素的某一属性值计算

• 可能相对于格式化上下文的某一属性值计算，比如包含块的宽度

[](()< string >

<string> 表示字符串，可以用双引号"或者单引号'括住

[](()< url >

<url> 的格式是：url(资源路径)