CSS是指層疊樣式表（Cascading Style Sheets），旨在為網頁提供更好的界面設計和內容分離。CSS3的一個重要特點是引入了模塊化（Modularization）設計的方法。這樣做除了易于維護，還可以加速CSS3的開發進程。當然，這里關注的是CSS3里的其中一項技術：Flexbox布局（Flexbox Layout Module）。

display:flex; /* 在容器上定義Flexbox布局*/
display:inline-flex; /* 在行內元素上定義Flexbox布局*/
flex-direction: row | row-reverse | column | column-reverse; /* 決定了主軸的方向（即項目排序方向）*/
flex-wrap: nowrap | wrap | wrap-reverse; /* 定義項目是否換行*/
flex-flow:<‘flex-direction’><‘flex-wrap’>; /* 表示flex-direction屬性和flex-wrap屬性的簡寫形式*/
justify-content: flex-start | flex-end | center | space-between | space-around; /*決定主軸對齊方式*/
align-items: flex-start | flex-end | center | baseline | stretch; /*決定交叉軸對齊方式*/
align-content: flex-start | flex-end | center | space-between | space-around | stretch; /*定義了多跟軸線在交叉軸上的對齊方式*/

Flexbox布局模式適用于小到中等規模的布局的設計，常常可以替代復雜的float和position屬性來實現同樣的頁面布局。在響應式設計的場合下，Flexbox布局能夠更好地對頁面進行適應，并且可以省去整個css文件中大量媒體查詢的代碼。