入門核心
這一批頁面講 Tailwind 的骨架：為什麼要把 class 寫在 HTML、專案怎麼接上 v4，以及設計 token 要放在哪裡。
看完這三篇，你應該能在 Vite 專案裡寫出第一頁有顏色、間距與字級的畫面，並知道品牌色該進 @theme，而不是複製貼上十六進位色碼。
本分類頁面
- Utility-first：工具類優先是什麼、和 Bootstrap 元件 class 差在哪。
- 安裝與建置：官方建議的 Vite plugin、
@import "tailwindcss"，以及 Play CDN 何時能用。 - 主題客製：用
@theme加品牌色與字體，讓全站共用同一套設計系統。
官方學習資源
官方文件
觀念從 Styling with utility classes 開始；安裝以 Using Vite 為準。想先試 class、不裝 Node，用 Tailwind Play。
官方影音
Tailwind Labs 的 The Utility-First Workflow 把「直接在 HTML 上疊 utility」示範一遍。完整 iframe 清單見 官方影音。