CSS Flex是一種在現代Web開發中非常流行的布局技術。相比于傳統的浮動布局和定位布局，CSS Flex布局更加靈活、簡單易懂，可以快速地實現各種頁面布局。

CSS Flex的核心是flex-container和flex-item兩個概念。flex-container是容器，用來包裹所有需要布局的子元素，而flex-item則是子元素，用來描述每個元素的排列方式。

下面是一個簡單的CSS Flex布局示例：

/* 定義容器 */
.flex-container {
display: flex;
justify-content: center;
align-items: center;
}
/* 定義子元素 */
.flex-item {
flex: 1;
height: 100px;
margin: 10px;
}

上面的代碼定義了一個flex-container容器，用來包裹若干個flex-item元素。其中，display屬性指定了容器的布局方式為Flex布局；justify-content屬性表示子元素在主軸上的對齊方式為居中對齊；align-items屬性表示子元素在交叉軸上的對齊方式也為居中對齊。

同時，我們還可以通過指定flex屬性來控制子元素在布局中的分配比例。上面的示例代碼中，我們將所有的子元素的flex屬性都設置為1，表示它們的分配比例相等。

總之，CSS Flex布局是一種非常實用的布局技術，能夠幫助我們快速實現各種頁面布局。如果你想要學會CSS Flex布局，建議多看一些實例代碼，理解其中各種屬性的作用和含義，逐步掌握它的用法。