響應式 字體設置 flex 彈性佈局

 響應式 文字的設置

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屬性:容許單個項目有與其餘項目不同的對齊方式