课程大纲

介绍

  • Tailwind CSS 概述

开始

  • 安装 Tailwind CSS
  • 安装节点
  • 安装 VS code
  • 设置环境

Tailwind CSS 基础知识

  • 使用 HTML 附加 Tailwind CSS
  • 使用实用程序类创建容器
  • 添加宽度和高度属性
  • 了解 flexbox 的工作原理
  • 包装和调整 flex 项目的大小
  • 创建网格和行布局
  • 调整网格布局中元素的流动
  • 在项目之间添加间隙并对齐项目
  • 对单个项目进行对齐
  • 为元素添加填充和边距
  • 使用 Tailwind 实用程序类设置文本样式
  • 添加边框和设置边框样式
  • 为元素添加阴影
  • 使用断点添加响应行为
  • 使用伪选择器
  • 分层和应用指令
  • 使用组件进行代码重用

设置更好的开发环境

  • 使用 Tailwind CLI 创建环境
  • 指令和函数

摘要和后续步骤

要求

  • HTML 和 CSS 的基础知识

观众

  • 开发 人员
 7 小时

人数



每位参与者的报价

客户评论 (6)

相关课程

课程分类