iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 8
2
影片教學

CSS 優良部份系列 第 8

【Tailwind CSS 教學 - 1 】CDN 載入小試身手

為了讓各位盡快瞭解 Tailwind 特性,嘗試使用 CDN 載入來進行教學,但在官網上有提及建議不要使用 CDN,原因在影片有詳細介紹~

影片重點

  1. 00:01 - 載入 CDN 流程
  2. 01:20 - 載入卡片式設計
  3. 02:30 - 斷點 class 設計介紹
  4. 03:40 - 與 BS5 比較斷點命名作者個人喜好偏向
  5. 06:00 - Live Demo 斷點設計
  6. 06:30 - Tailwind Hover 設計

文獻連結

  1. 本章節範例
  2. Tailwind 卡片式設計
  3. Tailwind hover 設計

上一篇
CSS 之 Utility 通用類別、Components 元件介紹
下一篇
【Tailwind CSS 教學 - 2 】Tailwind NPM 環境安裝流程
系列文
CSS 優良部份30

2 則留言

0
Lucas Yang
iT邦新手 5 級 ‧ 2020-09-24 12:05:59

來秀一下我的部落格XD https://lucas-yang.vercel.app/
排版是用 Tailwind CSS 的~~

廖洧杰 iT邦高手 1 級 ‧ 2020-09-24 13:12:19 檢舉

好炫哦,竟然還有日夜間切換功能 XDD

0
taiansu
iT邦新手 5 級 ‧ 2020-09-25 03:24:11

喔喔喔原來院長也有參加鐵人賽。主題很棒,立刻訂起來。 XD

我也喜歡 tailwind,我的 blog 也用了。 XD

我要留言

立即登入留言