Taker Wu – Flexbox

FlexboxTaker 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.

Be the first to review “Taker Wu – Flexbox” Cancel reply

Original Content