課程簡介

介紹

  • Tailwind CSS概述

入門

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

Tailwind CSS基礎

  • 將Tailwind CSS與HTML結合
  • 使用實用工具類創建容器
  • 添加寬度和高度屬性
  • 理解flexbox的工作原理
  • 包裝和調整flex項的大小
  • 創建網格和行佈局
  • 調整網格佈局中元素的流
  • 在元素之間添加間距和對齊
  • 對齊單個元素
  • 爲元素添加內邊距和外邊距
  • 使用Tailwind實用工具類設計文本樣式
  • 添加和設計邊框
  • 爲元素添加陰影
  • 使用斷點添加響應式行爲
  • 使用僞選擇器
  • 層和應用指令
  • 使用組件實現代碼複用

設置更好的開發環境

  • 使用Tailwind CLI創建環境
  • 指令和函數

總結與下一步

最低要求

  • 具備HTML和CSS的基礎知識

受衆

  • 開發者
 7 時間:

客戶評論 (4)

課程分類