Description
Taker Wu – Flexbox
有架構的 CSS 屬性設定集
以前 CSS 排版系統比較古板,製作版面的限制很多,也比較不順手
但現在有了 Flexbox,一個完整規劃的版面 CSS set
讓我們可以輕鬆的做出靈活的版面。
Flexbox他很棒、很靈活
但不理解他會很頭大
flex container
flex 容器,可以控制裡面元件的排列、對齊等不同的設定。
flex item
flex 元件,控制元件在容器裡的成長方式。(聽不懂沒關係,課程都有說 XD)
靈活搭配的組合
透過 flex container / flex item 的各種搭配組合,可以做出很多樣、很彈性的排版。以前很苦惱的排版,現在幾行 CSS 就搞定!
課程大綱
Intro
- 投影片下載
Flexbox 簡介 (4:17)
flex container
- Flexbox 基礎 (8:47)
justify-content (5:10) align-items (9:57) align-content (8:36)
flex item
- align-self (6:59)
- flex / 3 個屬性的簡寫 (21:21)
- order (7:06)
Sale Page: https://bootcamp.15days.website/p/flexbox
Archive: https://archive.ph/5Tezt
Reviews
There are no reviews yet.