Tailwind CSS Blog
·
Tailwind CSS v1.7.0
💡
原文英文，约1500词，阅读约需6分钟。
📝
内容提要
Tailwind v1.7发布了新功能，包括支持渐变和背景裁剪，允许用户指定多达三种颜色。新增的间距工具别名简化了命名，并支持通过@apply使用复杂类。此外，推出了新的颜色调色板和扩展的间距、字体大小比例。
🎯
关键要点
- Tailwind v1.7发布了对渐变和背景裁剪的内置支持，允许用户指定多达三种颜色。
- 新增的背景裁剪核心插件提供了四种新的实用工具，用户可以控制元素内背景的渲染方式。
- 引入了新的间距工具别名gap-x-{n}和gap-y-{n}，以简化命名并提高一致性。
- 新增的内容显示类支持CSS的display: contents特性，允许子元素作为父容器的一部分进行布局。
- 用户现在可以为每种字体大小配置默认的字母间距值，增强了排版的灵活性。
- Tailwind v1.7引入了新的实验性功能系统，允许用户选择即将推出但尚不稳定的功能。
- 新增的颜色调色板和扩展的间距、字体大小比例，提供了更多的设计选择。
❓
延伸问答
Tailwind v1.7有哪些新功能？
Tailwind v1.7新增了对渐变和背景裁剪的支持，允许用户指定多达三种颜色，并引入了新的间距工具别名和内容显示类等功能。
如何使用Tailwind v1.7的渐变功能？
用户可以通过指定最多三种颜色和八个方向来使用渐变功能，使用方法为：bg-gradient-to-r from-color1 via-color2 to-color3。
Tailwind v1.7中如何简化间距工具的命名？
Tailwind v1.7引入了新的间距工具别名gap-x-{n}和gap-y-{n}，以提高命名的一致性和可理解性。
Tailwind v1.7的实验性功能系统是什么？
Tailwind v1.7引入了实验性功能系统，允许用户选择即将推出但尚不稳定的功能，用户可以通过配置文件启用这些功能。
如何配置每种字体大小的默认字母间距？
用户可以在tailwind.config.js中为每种字体大小配置默认的字母间距值，使用元组语法进行设置。
Tailwind v1.7中有哪些过时的功能？
Tailwind v1.7引入了新的功能标记和过时系统，旧的col-gap-{n}和row-gap-{n}工具将在v2.0中被移除。
➡️
