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.