语法说明

1，基本元素 ：指的是语法中如length auto 等关键词

2，组合符合 : 指的是 | 等语法说明符合，不同符号代表不同涵义

3 , 数量符号 : {} 以及数字

基本元素：

类型：基本类型（<length>,<percentage>,<color>...）

其他类型（<'padding-width'>,<color-stop>...）

符号：（/，）

inherit ，initial

组合符合

空格:数顺序必须一致 且数量也一样，如下

<'font-size'> <'font-family'>

合法值： 12px arial

非法：arial 12px

12px

&& ：<length>&&<color> 两个值必须出现，不要求顺序一致

合法： green 2px

1em blue

非法：1em

||：至少出现一个，顺序不要求

|：只能出现其中一个，不同时出现

:bold [<length>|<percentage>] 分组作用

数量符号：

无 ： 表示基本元素只能出现一次 <length>

+： 出现一次或多次 <color> [,<color>]+

合法值：#fff , red ,gray

？：可以出现也可以不出现 相当于可选 inset？&&<color>

inset blue

red

{} :表示基本元素最少出现几次，最多出现几次 <length>{2,4}

*:可以出现0，1，或者多次

#:需要出现一次或者多次 ,多次用逗号隔开

@规则

@标识符 xxx；

@标识符 xxx{}；

常用： @media

@keyframes

@font-face