iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 7
3
影片教學

CSS 優良部份系列 第 7

CSS 之 Utility 通用類別、Components 元件介紹

接下來即將進入到重頭戲,我即將介紹 Tailwind 與 Bootstrap 的設計模式探討與教學,但在那之前,想先來分享一下 Utility 通用類別、Components 元件介紹 的介紹,讓你在那之前,可以先了解兩者框架的本質差異 :D

影片重點

  1. 00:01 - 講解何謂 Utility 通用類別、Components 元件
  2. 01:55 - BS5 卡片介紹
  3. 02:35 - 畫圖講解元件式依賴關係
  4. 06:15 - 講解 Tailwind 的卡片設計
  5. 09:58 - Components 搭配 Utility,藉此提高結構靈活性

文獻連結

  1. Bootstrap 5 卡片設計
  2. Bootstrap 5 spacing margin 與 padding 語法
  3. Tailwind 卡片設計

上一篇
Emmet Live Demo 火力教學
下一篇
【Tailwind CSS 教學 - 1 】CDN 載入小試身手
系列文
CSS 優良部份30

尚未有邦友留言

立即登入留言