标签 Tailwind 下的文章

一、项目介绍 用 Tailwind CSS 的人，常常在「自己从零写组件」和「引入一个绑定了某框架的大组件库」之间纠结。前者慢且不一致，后者往往和 React / Vue 绑死，换个框架就全废。想要一套「只给结构与样式、不绑框架、任何 Web 技术栈都能用」的组件，选择很少。 Basecoat 是一套基于 Tailwind CSS 的组件库，核心思路是把「结构」和「样式」分离：它不绑定任何 JS 框架，给出的是可复制、可定制的组件 CSS 与模板，你能把它用在 Next.js...

CSS 正在把 JS 的活抢回去 过去几年，很多“必须用 JS 才能做”的效果已经被 CSS 原生实现：滚动驱动动画、弹层、主题切换、页面转场。这不只是写法变化，而是更少的代码、更少的布局抖动、更好的可访问性。 下面这四个特性，是 2026 年最值得投入学习的。 一、容器查询：组件自适应，而不是页面自适应 媒体查询看的是视口，容器查询看的是父容器。这让“同一个卡片在侧栏和主区显示不同布局”成为可能，组件终于真正自洽。 css .card-wrap { container-ty...