感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
介紹
- Tailwind CSS概述
入門
- 安裝Tailwind CSS
- 安裝Node
- 安裝VS code
- 設置環境
Tailwind CSS基礎
- 將Tailwind CSS與HTML結合
- 使用實用工具類創建容器
- 添加寬度和高度屬性
- 理解flexbox的工作原理
- 包裝和調整flex項的大小
- 創建網格和行佈局
- 調整網格佈局中元素的流
- 在元素之間添加間距和對齊
- 對齊單個元素
- 爲元素添加內邊距和外邊距
- 使用Tailwind實用工具類設計文本樣式
- 添加和設計邊框
- 爲元素添加陰影
- 使用斷點添加響應式行爲
- 使用僞選擇器
- 層和應用指令
- 使用組件實現代碼複用
設置更好的開發環境
- 使用Tailwind CLI創建環境
- 指令和函數
總結與下一步
最低要求
- 具備HTML和CSS的基礎知識
受衆
- 開發者
7 時間:
客戶評論 (4)
編碼練習
Kesh - Vodacom
課程 - HTML5, JavaScript, and CSS4
機器翻譯
Trainer' style of teaching
Fatma Badi - Dubai Electricity and Water Authority
課程 - Front End Developer
Console part in web environment it gives me ho to navigate and check the history, browser api. It explains well the proper functions every element in the templates.
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
課程 - HTML5, JavaScript, and CSS3
I was benefit from the step by step and in detail guidance of the trainer.