在CSS中，flex属性是使用来设置或检索弹性盒模型对象的子元素如何分配空间，是 flex-grow属性、flex-shrink属性和 flex-basis 属性的简写属性。flex属性针对的是弹性盒模型对象的子元素，对于其它元素，flex属性不起任何作用。但是flex布局要想玩得溜溜溜，还是需要我们对flex属性深入的理解才行，一起来看一下。
flex属性的语法
语法
flex: none | auto | [ ? || ]
上面这种CSS语法被称为格式化语法，大部分CSS属性值都比较简单，格式化语法看不出有什么优势。但是如果CSS属性值比较的复杂，规则较多，例如CSS渐变或者这里的flex属性，则格式化语法就比较重要了，可以知道一些平时没有注意到的语法上的细节，也能一看就知道语法规则。
有人会反驳，你这是在扯犊子吧，“一看就知道语法规则”，我看上面各种交错的字符，根本就不知道说的什么意思，还不如直接给我展示几个例子实际呢！
这种体验类似使用Markdown语法写文章，在不了解Markdown语法的时候，还是觉得可视化操作来得实用。但是如果Markdown语法很熟悉，对吧，是不是“真香”就来了？
CSS语法规则也是一样的，觉得看起来吃力不方便是因为不理解规则。
所以，要想CSS学得专业且深入，CSS语法规则一定要很熟悉。
回到这里，我们一点点对语法进行解构，顺便带大家了解下CSS语法中的一些特殊符号的含义。
语法解构
CSS语法中的特殊符号的含义绝大多数就是正则表达式中的含义，例如单管道符