感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
介紹
- 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
機器翻譯
培訓師的教學風格
Fatma Badi - Dubai Electricity and Water Authority
課程 - Front End Developer
機器翻譯
在Web環境中,控制檯部分展示瞭如何導航和檢查歷史記錄、瀏覽器API。它詳細解釋了模板中每個元素的正確功能。
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.
Tam Jia Jun
課程 - Angular 4: Create single-page applications using HTML, CSS, and JavaScript
機器翻譯