内容 隐藏
1 Tailwind CSS, v2
1.1 主要收获
1.1.1 这个工作坊适合谁？
1.2 课程详情
1.2.1 有任何先决条件吗？

Tailwind CSS, v2

花一整天时间学习 Tailwind 4，这个以工具优先为特点的 CSS 框架可以直接在您的标记中组合，以构建任何设计。

主要收获

通过参与我们的工作坊，你将学到：

  • 使用 Tailwind 的工具优先方法，直接在标记中组合任何设计
  • 使用 flexbox、grid、子网格和容器查询实现高级响应式布局
  • 使用 group/peer/has 变体和 ARIA/数据状态构建可访问的交互式组件
  • 创建语义设计令牌、OKLCH 颜色主题和暗黑模式支持
  • 通过自定义插件、工具和动画扩展 Tailwind

这个工作坊适合谁？

前端和全栈工程师，掌握基本的 HTML/CSS，并希望更快速地

适合设计系统的流程。非常适合从 Tailwind 3、Bootstrap 迁移的团队。

或用于 CSS-in-JS 方案，以及用于评估基于 token 的主题的设计系统所有者。

课程详情

这个全天实践工作坊将带你从零开始掌握 Tailwind CSS 版本 4，让你精通实用工具优先的理念、OKLCH 色彩主题、容器查询、响应式布局模式、交互变体（组/同伴/拥有）、动画辅助工具，并构建可以直接用于你项目的真实组件。

有任何先决条件吗？

  • 轻松编辑 HTML 模板或 JSX/TSX
  • 具备现代 CSS（flexbox、grid 基础）的工作知识

 

2025-07-04 更新到 v2版本

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。