Course Code:
tailwindcss
Duration:
7 hours
Prerequisites:
- HTML 和 CSS 的基础知识
观众
- 开发 人员
Overview:
Tailwind CSS 是一个实用程序优先的 CSS 框架，用于快速构建自定义用户界面。它提供了大量的 CSS 类和工具目录，允许用户轻松设计网站和应用程序的样式。
这种由讲师指导的现场培训（在线或现场）面向想要学习和使用 Tailwind CSS 来构建和设计用户界面的开发人员。
培训结束时，参与者将能够：
- 了解如何使用 Tailwind CLI 设置开发环境。
- 使用 Tailwind CSS 创建组件并编辑布局。
- 使用 Tailwind 实用程序类来设置元素的样式。
- 掌握 Tailwind CSS 基础知识。
- 使用 Tailwind CSS 创建现代网站。
课程形式
- 互动讲座和讨论。
- 大量的练习和练习。
- 在现场实验室环境中亲自实施。
课程定制选项
- 如需请求本课程的定制培训，请联系我们进行安排。
Course Outline:
介绍
- Tailwind CSS 概述
开始
- 安装 Tailwind CSS
- 安装节点
- 安装 VS code
- 设置环境
Tailwind CSS 基础知识
- 使用 HTML 附加 Tailwind CSS
- 使用实用程序类创建容器
- 添加宽度和高度属性
- 了解 flexbox 的工作原理
- 包装和调整 flex 项目的大小
- 创建网格和行布局
- 调整网格布局中元素的流动
- 在项目之间添加间隙并对齐项目
- 对单个项目进行对齐
- 为元素添加填充和边距
- 使用 Tailwind 实用程序类设置文本样式
- 添加边框和设置边框样式
- 为元素添加阴影
- 使用断点添加响应行为
- 使用伪选择器
- 分层和应用指令
- 使用组件进行代码重用
设置更好的开发环境
- 使用 Tailwind CLI 创建环境
- 指令和函数
摘要和后续步骤
Sites Published: