#css #tailwind #前端 #博客更新
Tailwind CSS 的最新版本 v3.3 的一些新特性和改进： Tailwind CSS v3.3：扩展的调色板、ESM/TS 支持、新的实用类
1. 用于深色的扩展调色板：为每种颜色添加了更深的色调——950，现在有11种色调，eg：
3. 微调渐变颜色停止位置 ：可以准确指定渐变颜色中每个色标的位置。如
4. 开箱即用的 Line-clamp ：无需插件即可截断多行文本（终于整合到官方啦），如 `line-clamp-3`。 5. 🌟字体大小及行高简写 ：这个很有用，可以使用一个类设置字体大小和行高（不在预设中时），如
before:
8. 🌟新的 list-style-image 实用类： 这个也很有用，想使用图片作为您的列表项标记吗？那么现在可以使用新的 list-image-* 实用程序。eg：
听说过
使用
10. 🌟新的 caption-side 实用程序：用于控制表格内标题元素对齐的实用程序。
xLog链接🔗https://x.cosine.ren/tailwind-update-v3-3
Hexo博客地址🔗https://ysx.cosine.ren/tailwind-update-v3-3
RSS订阅📢 https://x.cosine.ren/feed/xml
Tailwind CSS 的最新版本 v3.3 的一些新特性和改进： Tailwind CSS v3.3：扩展的调色板、ESM/TS 支持、新的实用类
1. 用于深色的扩展调色板：为每种颜色添加了更深的色调——950，现在有11种色调，eg：
bg-slate-950
2. ESM 和 TypeScript 支持：使用 ESM 或 TypeScript 编写您的配置文件。（好欸，终于）3. 微调渐变颜色停止位置 ：可以准确指定渐变颜色中每个色标的位置。如
from-5%、via-35% 和 to-85% 4. 开箱即用的 Line-clamp ：无需插件即可截断多行文本（终于整合到官方啦），如 `line-clamp-3`。 5. 🌟字体大小及行高简写 ：这个很有用，可以使用一个类设置字体大小和行高（不在预设中时），如
text-lg/7、 text-sm/[17px] 、 text-[20px]/[24px]
6. 没有 var() 的 CSS 变量：任意值的新速记语法。如下使用before:
bg-[var(--brand-color)]
after: bg-[--brand-color]
7. 可配置的 font-variation-settings ：直接融入您的 font-* 实用程序。8. 🌟新的 list-style-image 实用类： 这个也很有用，想使用图片作为您的列表项标记吗？那么现在可以使用新的 list-image-* 实用程序。eg：
list-image-[url(carrot.png)]
9. 🌟新的 hyphens 实用类：用于微调断字行为。听说过
­ HTML 实体吗？在添加对这些 hyphens-* 实用程序的支持之前，我们也没听说。使用
hyphens-manual 和仔细放置的 ­ ，您可以告诉浏览器在需要跨多行分隔单词时在何处插入连字符。10. 🌟新的 caption-side 实用程序：用于控制表格内标题元素对齐的实用程序。
caption-bottom 将标题元素定位在表格的顶部，caption-bottom 将标题元素定位在表格的底部。xLog链接🔗https://x.cosine.ren/tailwind-update-v3-3
Hexo博客地址🔗https://ysx.cosine.ren/tailwind-update-v3-3
RSS订阅📢 https://x.cosine.ren/feed/xml
Tailwindcss
Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more
Tailwind CSS v3.3 is here — bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.
