感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
介绍
- Tailwind CSS 概述
开始
- 安装 Tailwind CSS
- 安装节点
- 安装 VS code
- 设置环境
Tailwind CSS 基础知识
- 使用 HTML 附加 Tailwind CSS
- 使用实用程序类创建容器
- 添加宽度和高度属性
- 了解 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.