課程簡介

介紹

  • Tailwind CSS 概述

開始

  • 安裝 Tailwind CSS
  • 安裝節點
  • 安裝 VS code
  • 設置環境

Tailwind CSS 基礎知識

  • 使用 HTML 附加 Tailwind CSS
  • 使用實用程式類創建容器
  • 添加寬度和高度屬性
  • 瞭解 flexbox 的工作原理
  • 包裝和調整 flex 專案的大小
  • 創建網格和行佈局
  • 調整網格佈局中元素的流動
  • 在項目之間添加間隙並對齊專案
  • 對單個項目進行對齊
  • 為元素添加填充和邊距
  • 使用 Tailwind 實用程式類設置文字樣式
  • 添加邊框和設置邊框樣式
  • 為元素添加陰影
  • 使用斷點添加回應行為
  • 使用偽選擇器
  • 分層和應用指令
  • 使用元件進行代碼重用

設置更好的開發環境

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

摘要和後續步驟

最低要求

  • HTML 和 CSS 的基礎知識

觀眾

  • 開發人員
 7 時間:

人數



每位參與者的報價

客戶評論 (6)

相關課程

課程分類