请介绍Flex布局中常用的容器属性和项目属性，并说明各自的用途。

回答思路

1. 能列举并解释容器上的flex-direction、justify-content、align-items等属性
2. 能列举并解释项目上的flex-grow、flex-shrink、flex-basis、order等属性
3. 能结合实际场景说明属性的典型应用