CSS详解系列：09-Flex项目属性简介

之前几篇文章，我们分别对Flex基础和Flex的容器属性做了详细介绍，如果有不了解的可以查看之前的文章：

01-Flex基本概念

02-Flex容器属性

03-Flex容器属性flex-direction

04-Flex容器属性flex-wrap

05-Flex容器属性flex-flow

06-Flex容器属性justify-content

07-Flex容器属性align-items

08-Flex容器属性align-content

在接下来的文章里，我们会对Flex项目（即单个 “item”）属性逐一做详细介绍。

Flex项目属性包含以下几类：

1.order

用来定义项目的排列顺序

2.flex-grow

定义项目的放大比例

3.flex-shrink

定义项目的缩小比例

4.flex-basis

定义在分配多余空间之前，项目占据的主轴空间

5.flex

属性是flex-grow, flex-shrink 和 flex-basis的简写

6.align-self

允许单个项目有与其他项目不一样的对齐方式