聯繫我們

課程簡介

引言

  • Tailwind CSS 概述

入門

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

Tailwind CSS 基礎

  • 將 Tailwind CSS 套用至 HTML
  • 使用實用類別建立容器
  • 設定寬度與高度屬性
  • 理解 flexbox 運作原理
  • 換行與調整 flex 項目的大小
  • 建立網格與列的版面配置
  • 調整網格版面配置中元素的流動
  • 在項目之間添加間距並對齊項目
  • 單獨對齊項目
  • 為元素添加內距與外距
  • 使用 Tailwind 實用類別設計文字樣式
  • 添加並設計邊框樣式
  • 為元素添加陰影
  • 使用斷點添加響應式行為
  • 使用偽選擇器
  • 層級與套用指示詞
  • 使用元件重複利用程式碼

設定更佳的開發環境

  • 透過 Tailwind CLI 建立環境
  • 指示詞與函數

總結與後續步驟

最低要求

  • 具備 HTML 和 CSS 的基礎知識

受眾

  • 開發人員
 7 小時

客戶評論 (2)

課程分類