内容 隐藏
1 Tailwind CSS – 从零到英雄 tailwind css – tailwind v3 2023
2 Tailwind CSS – Zero to Hero tailwind css – tailwind v3 2023
2.1 你会学到什么
2.2 要求
2.3 描述
2.4 本课程适合谁：

Tailwind CSS – 从零到英雄 tailwind css – tailwind v3 2023

Tailwind CSS – Zero to Hero tailwind css – tailwind v3 2023

Tailwind CSS – 轻松构建一个 Tailwind CSS 音乐节网站并构建自定义 Tailwind 插件、组件等！

你会学到什么

  • 增加您作为前端 Web 开发人员的价值
  • 使用 Tailwind CSS 构建登陆页面
  • 创建自定义 Tailwind CSS 插件
  • 扩展默认的 Tailwind CSS 主题
  • 使用 Tailwind CSS 创建自定义动画

要求

  • 对 HTML 和 CSS 的基本理解
  • 安装了最新版本的节点和 npm

描述

通过学习 Tailwind CSS 的来龙去脉，提高您的技能并增加您作为前端 Web 开发人员的价值！

Tailwind CSS 是一个实用程序优先的 CSS 框架，包含flex、pt-4、text-center和rotate-90等类，可以直接在您的标记中构建任何设计。

不再试图想出合适的类名，不再创建包装类和内部类，不再使用不必要的大 CSS 文件浪费资源。Tailwind CSS 使构建设计变得异常快速和简单，更不用说开箱即用的内置优化了。没有在您的 HTML 文件中使用特定的类？然后 Tailwind CSS 不会将它包含在您的 CSS 的最终构建中！

在本课程中，我们将为音乐节网站创建移动设备优先的登录页面。我们将涵盖带有 flexbox 和网格的布局，带有菜单和子菜单项的 Hero 和 Navbar 组件，针对不同的状态，如悬停和焦点状态，针对不同的屏幕尺寸，并扩展到 Tailwind 的内置主题和类之外。

在熟悉了 Tailwind CSS 的实用类之后，我们将创建我们自己的基类、实用类和组件类，甚至编写我们自己的 Tailwind CSS 插件！这门课程在如此短的时间内充满了难以置信的价值！

通过学习使用 Tailwind CSS 为您的网站设计样式的更高级方法，提高您作为前端 Web 开发人员的价值。

本课程适合谁：

  • 希望通过学习更高级的应用程序和网站样式设置方式来增加自身价值的所有级别的 Web 开发人员
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。