摘要:
## 响应式断点 *Tailwind CSS* 默认提供了一组预设的断点,即屏幕尺寸范围,用于管理响应式样式。默认的断点包括: - *sm*: *640px* 及以上- *md*: *768px* 及以上- *lg*: *1024px* 及以上- *xl*: *1280px* 及以上- *2xl*: 阅读全文
摘要:
在前面的学习中,我们发现很多时候一些标签所应用的原子类是一样的。例如: <div class="float-left text-center flex items-center bg-blue-100 block"></div> <div class="float-left text-center 阅读全文
摘要:
TailwindCSS中是允许我们自定义插件和组件的。需要注意一下两者之间的区别,插件一般指的是实现某一个具体的功能,组件一般是指封装了一段公共的代码。 自定义插件 要创建一个自定义插件,非常的简单,只需要在 tailwindcss 的配置文件中配置 plugins 配置项,该配置项对应的是一个数组 阅读全文
摘要:
自定义主题 在开始本小节的实战之前,我们先来介绍一下 Tailwind CSS 中如何自定义主题。 在 Tailwind CSS 中,虽然提供了大量预设样式,但有时您可能需要自定义样式以满足特定需求。Tailwind 提供了多种方法来自定义样式,包括扩展现有配置、添加新配置、编写自定义 CSS 和创 阅读全文