-
井号
#：出现 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(资源路径)
