鐵人檔案
【主題一：Flexbox】單元： Flexbox基礎 彈性容器（flex container） 排列彈性項目 彈性內容 調整內容 對齊項目 align-sel...
2-1. flex-direction屬性 flex-direction控制彈性項目排列的主要軸向，就是彈性項目的排列方向。 .flex-container...
排列彈性項目 預設情況下，無論flex-flow設定了什麼樣的數值，彈性容器中最後一個彈性項目之後的空間，一定是在main-end與cross-end方向...
對齊項目 align-items：定義彈性項目在彈性容器交叉軸上對齊的行為。 宣告在彈性容器，而不是彈性項目。 align-items預設值是stretc...
彈性項目相關屬性 儘管彈性項目的對齊、順序與彈性是透過彈性容器屬性協調運作，仍可透過幾個能夠作用在個別彈性項目的屬性做更細緻的操作。 flex縮寫屬性及其...
一、屬性統整： 1-1、作用於彈性容器上： flex-direction（控制子項整體佈局方向） flex-wrap（控制子項整體單行顯示還是換行顯示） fl...
【主題二：轉場】單元： CSS轉場 轉場屬性 反向：過場回到原始狀態 可動畫屬性與設定值 備案：轉場是增強 列印轉廠 前言:CSS屬性值改變時（style...
transition-timing-function：控制轉場步調的機制 屬性ease|linear|ease-in|ease-out|ease-in-ou...
反向：過場回到原始狀態 要特別小心祖先與後裔同時具有轉場效果的情況。 CSS轉場規範提供了縮短反向轉場的方式。當正向動畫完成達最緩值，觸發transiti...
【主題三：動畫】單元： 定義keyframe 設定keyframe動畫 keyframe選擇器 讓元素動起來 結合一切 動畫、權與優先順序重 癲癇發作與暈眩...
