感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
介绍
- 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.