CSS（Cascading Style Sheets）是前端開發中不可或缺的一部分，用來控制網頁的樣式及布局，其中最常用到的就是Flex布局。在Flex布局中，主軸和側軸是非常重要的概念。

.container {
display: flex;
/* 主軸水平，從左到右排列 */
flex-direction: row;
/* 側軸垂直，從上到下排列 */
align-items: center;
}

主軸是指Flex容器中子元素排列的方向，主軸有四個取值：row（默認值，水平從左到右），row-reverse（水平從右到左），column（垂直從上到下）和column-reverse（垂直從下到上）。

而側軸是指垂直于主軸的方向，也就是子元素在主軸方向上的對齊方式。側軸同樣有四個取值：align-items（垂直居中對齊），align-self（每個子元素可以單獨設置垂直對齊方式），align-content（多行子元素的對齊方式），justify-content（在主軸方向上的對齊方式）。

理解主軸和側軸的概念在Flex布局中是非常重要的，可以讓我們更加靈活地控制網頁的樣式及布局，實現我們想要的效果。