Tailwindcss

Tailwindcss 总结 整个这一章我们学习了关于 Tailwind 的大部分知识： 各种各样、数量庞大的实用类（原子类） 这个是整个 Tailwindcss 的灵魂 针对这一块的学习，最好的方式

生产构建优化 在 Tailwindcss 里面包含了大量的原子类，但是在实际开发中，我们并不是说所有的原子类都会用到，因此在最终构建 css 的时候我们应该将没有使用到的原子类进行删除操作，从而优化我

夜间模式 在 tailwindcss 里面，要开启夜间模式，非常非常简单，只需要使用 dark: 变体即可，dark: 后面跟上原子类，表示夜间模式下面需要应用的原子类。 例如： 在上面的代码中，如果

响应式设计 响应式断点 Tailwind CSS 默认提供了一组预设的断点，即屏幕尺寸范围，用于管理响应式样式。默认的断点包括： sm: 640px 及以上 md: 768px 及以上 lg: 102

Tailwindcss组件 在前面的学习中，我们发现很多时候一些标签所应用的原子类是一样的。例如： 像上面的情况，很多标签所应用的原子类都是一样的，那么我们就可以将其封装为一个组件。 在 tailwi

Tailwindcss 案例 变体 在 tailwindcss 中，变体允许你根据元素不同状态来应用原子类，例如： 变体的表现形式一般为 xx:原子类名，表示当元素处于 xx 状态的时候，应用后面的原

Tailwindcss基本介绍 Tailwind CSS 是一个高度可定制的、实用类优先的 CSS 框架，用于快速构建现代用户界面。它旨在通过提供一组实用类，使您可以直接在 HTML 标记中应用样式，