響應式 文字的設置
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屬性:允許單個項目有與其他項目不一樣的對齊方式