CSS属性定义值语法

在看阮一峰老师的flex布局的时候发现关于CSS的定义看不懂，于是想找找这是什么语法

花了半天功夫，才得知这叫：CSS属性定义值语法
机智的我赶紧把网址记下来（放在文末）

当我学了一圈后，再回来看这个属性。

首先数量描述符的优先级最高，其次是并置关系，再之后是或的关系，因此，此时互斥号后面的属性值可以表述成：

[ [<‘flex-grow’> <‘flex-shrink’>?] || <‘flex-basis’> ]
比如说，有三个属性值时可以写成这样：
flex: 1 1 350px;
两个属性值时：
flex: 1 350px;
一个属性值时：
flex: 1;

由于或操作符的顺序是任意的，因此上述属性值又可以表示成：

[<‘flex-basis’> || [<‘flex-grow’> <‘flex-shrink’>?] ]

于是，当选三个值时：
flex: 350px 1 1;
两个属性值时：
flex: 350px 1;
一个属性值时：
flex: 1

CSS属性定义值语法：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Value_definition_syntax