聯繫我們

課程簡介

簡介

  • Tailwind CSS 概覽

入門

  • 安裝 Tailwind CSS
  • 安裝 Node
  • 安裝 VS code
  • 設定環境

Tailwind CSS 基礎

  • 將 Tailwind CSS 附加至 HTML
  • 使用實用類別建立容器
  • 新增寬度與高度屬性
  • 了解 Flexbox 運作原理
  • 包裝並調整彈性項目的大小
  • 建立網格與列版面配置
  • 調整網格版面配置中元素的流向
  • 新增間距並對齊項目
  • 個別對齊項目
  • 為元素新增填充與邊距
  • 使用 Tailwind 實用類別設定文字樣式
  • 新增並設定邊框樣式
  • 為元素新增陰影
  • 使用斷點新增響應式行為
  • 使用偽選擇器
  • 層級與應用指示詞
  • 使用元件重複利用程式碼

建立更佳的開發環境

  • 使用 Tailwind CLI 建立環境
  • 指示詞與函數

摘要與後續步驟

最低要求

  • 具備 HTML 與 CSS 的基礎知識。

受眾

  • 開發者。
 7 小時

人數


每位參與者的報價

客戶評論 (2)

即將到來的課程

課程分類