響應式 文字的設置

rem 案例

em 案例

flex布局添加的小知識點

二.flex布局

容器的屬性(父級添加的屬性)
1. flex-direction:規定里面的子項目是如何排列的


row 決定里面的子項目事如何排列的
2. Flex-wrap屬性:決定子元素在一條軸線上放不下,是否換行

3.justify-content:定義了項目在主軸上的對齊方式


4.align-items:定義項目在交叉軸上如何對齊


5 . Align-content:規定交叉軸方向的對齊方式

在項目上(子集)設置的屬性 order flex-grow
1.order屬性 :定義項目的排列順序;

2.flex-grow屬性:定義項目的放大比例 (flex-shrink:定義項目的縮小比例)


設置頭部腳部時設置 flex-grow:1 
3.flex-basis屬性

4.align-self屬性:允許單個項目有與其他項目不一樣的對齊方式

