感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
簡介
- Tailwind CSS 概覽
入門
- 安裝 Tailwind CSS
- 安裝 Node
- 安裝 VS code
- 設定環境
Tailwind CSS 基礎
- 將 Tailwind CSS 附加至 HTML
- 使用實用類別建立容器
- 新增寬度與高度屬性
- 了解 Flexbox 運作原理
- 包裝並調整彈性項目的大小
- 建立網格與列版面配置
- 調整網格版面配置中元素的流向
- 新增間距並對齊項目
- 個別對齊項目
- 為元素新增填充與邊距
- 使用 Tailwind 實用類別設定文字樣式
- 新增並設定邊框樣式
- 為元素新增陰影
- 使用斷點新增響應式行為
- 使用偽選擇器
- 層級與應用指示詞
- 使用元件重複利用程式碼
建立更佳的開發環境
- 使用 Tailwind CLI 建立環境
- 指示詞與函數
摘要與後續步驟
最低要求
- 具備 HTML 與 CSS 的基礎知識。
受眾
- 開發者。
7 小時
客戶評論 (2)
實踐操作、練習、面對面幫助與答疑。
Jose Paulos - INESC TEC
課程 - Tailwind CSS
機器翻譯
老師。
Jose Ferreira - INESC TEC
課程 - Tailwind CSS
機器翻譯