课程大纲

介绍

  • Tailwind CSS概述

入门

  • 安装Tailwind CSS
  • 安装Node
  • 安装VS code
  • 设置环境

Tailwind CSS基础

  • 将Tailwind CSS与HTML结合
  • 使用实用工具类创建容器
  • 添加宽度和高度属性
  • 理解flexbox的工作原理
  • 包装和调整flex项的大小
  • 创建网格和行布局
  • 调整网格布局中元素的流
  • 在元素之间添加间距和对齐
  • 对齐单个元素
  • 为元素添加内边距和外边距
  • 使用Tailwind实用工具类设计文本样式
  • 添加和设计边框
  • 为元素添加阴影
  • 使用断点添加响应式行为
  • 使用伪选择器
  • 层和应用指令
  • 使用组件实现代码复用

设置更好的开发环境

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

总结与下一步

要求

  • 具备HTML和CSS的基础知识

受众

  • 开发者
 7 小时

客户评论 (4)

即将举行的公开课程

课程分类