请介绍Flex布局的基本概念，并说明其常用属性及各自的作用。

回答思路

1. 能解释Flex布局的核心概念（主轴、交叉轴、容器与项目）
2. 能列出容器属性（flex-direction、justify-content、align-items等）并说明作用
3. 能列出项目属性（flex-grow、flex-shrink、flex-basis等）并说明作用
4. 能结合示例说明属性组合的实际效果