感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
介紹
- Tailwind CSS概述
入門
- 安裝Tailwind CSS
- 安裝Node
- 安裝VS code
- 設置環境
Tailwind CSS基礎
- 將Tailwind CSS與HTML結合
- 使用實用工具類創建容器
- 添加寬度和高度屬性
- 理解flexbox的工作原理
- 包裝和調整flex項的大小
- 創建網格和行佈局
- 調整網格佈局中元素的流
- 在元素之間添加間距和對齊
- 對齊單個元素
- 爲元素添加內邊距和外邊距
- 使用Tailwind實用工具類設計文本樣式
- 添加和設計邊框
- 爲元素添加陰影
- 使用斷點添加響應式行爲
- 使用僞選擇器
- 層和應用指令
- 使用組件實現代碼複用
設置更好的開發環境
- 使用Tailwind CLI創建環境
- 指令和函數
總結與下一步
最低要求
- 具備HTML和CSS的基礎知識
受衆
- 開發者
7 小時
客戶評論 (1)
The teacher.