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