Tailwind CSS 繁體中文文件
Tailwind CSS 繁體中文文件 是 Tailwind CSS 官方文件的繁體中文翻譯。
前往文件 →專案說明
此翻譯專案將 Tailwind CSS 官方文件翻譯成繁體中文，讓開發者能夠更容易地學習和使用這個 utility-first 的 CSS 框架。
翻譯進度
全部文件翻譯完成，共 212 篇。
| 章節 | 數量 | 內容 |
|---|---|---|
| Installation | 25 篇 | 安裝方式與 19 個框架整合指南 |
| 核心概念 | 10 篇 | 編輯器設定、通用類別、響應式設計、深色模式等 |
| 入門相關 | 3 篇 | 相容性、升級指南、Preflight |
| Layout | 19 篇 | Display、Position、Overflow、Z-index 等 |
| Flexbox & Grid | 24 篇 | Flex、Grid、Gap、對齊方式等 |
| Spacing & Sizing | 8 篇 | Padding、Margin、Width、Height 等 |
| Typography | 30 篇 | 字型、字級、行高、文字裝飾等 |
| Backgrounds | 8 篇 | 背景顏色、漸層、圖片等 |
| Borders | 8 篇 | 邊框寬度、顏色、圓角等 |
| Effects | 15 篇 | 陰影、透明度、混合模式等 |
| Filters | 20 篇 | 模糊、亮度、對比等濾鏡效果 |
| Tables | 4 篇 | 表格邊框、版面配置等 |
| Transitions & Animation | 6 篇 | 過渡效果、動畫等 |
| Transforms | 10 篇 | 縮放、旋轉、位移等 |
| Interactivity | 18 篇 | 游標、滾動、使用者選取等 |
| SVG | 3 篇 | SVG 填色、描邊等 |
| Accessibility | 1 篇 | 螢幕閱讀器相關 |
支援框架
翻譯涵蓋 19 個主流框架的安裝指南：
- React：Next.js、React Router、Gatsby、TanStack Start
- Vue：Nuxt.js、Astro
- Svelte：SvelteKit
- 其他：Angular、Ember.js、SolidJS、Qwik
- 後端：Laravel、Ruby on Rails、Phoenix、Symfony、AdonisJS、Meteor
- 建置工具：Parcel、Rspack
翻譯原則
術語在地化
| 英文 | 繁體中文 |
|---|---|
| Utility | 通用類別 |
| Component | 元件 |
| Plugin | 外掛 |
| Breakpoint | 中斷點 |
| Layout | 版面配置 |
保留專有名詞
- CSS 術語：Flexbox、CSS Grid、Media queries
- 技術名稱：Tailwind CSS、PostCSS、Vite
- 類別名稱：所有 Tailwind 類別（如
bg-blue-500、flex、p-4）
標題格式
標題採用「中文（English）」格式，方便對照原文。
適合對象
- 前端開發者
- Tailwind CSS 初學者
- 偏好閱讀中文文件的開發者