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