day day up

Tailwind CSS 和传统 CSS 在开发方式、设计理念和使用场景上有显著的区别。以下是两者的主要对比!

实用的工具函数 cn，用于在 React 或前端项目中动态合并 CSS 类名、解决样式冲突，特别是结合了 clsx 和 tailwind-merge 的功能。它非常适合在使用 Tailwind CSS 时处理复杂的类名逻辑。

Class Variance Authority (CVA) 是一个用于管理 CSS 类名 的工具库，特别适合在 React 或 Vue 等前端框架中使用。它可以帮助你更轻松地处理组件的 样式变体（Variants），比如按钮的不同状态（primary、secondary、disabled 等）。

animation属性描述属性值指定动画完成一个周期所需要时间，单位秒（s）或毫秒（ms），默认是 0指定动画计时函数，即动画的速度曲线，默认是 "ease"指定动画延迟时间，即动画何时开始，默认是 0指定动画播放的次数，默认是 1animation-direction 指定动画播放的方向默认是 normal指定动画填充模式。默认是 none指定动画播放状态，正在运行或暂停。默认是 running指定 @keyframes 动画的名称CSS。

:after 伪元素在元素之后添加内容，:before伪元素在元素之前添加内容。

伟大的革命先烈们为我们祖国的诞生做出了巨大的牺牲，在相应节日里，我们的站点会呈现灰色哀悼模式，以此来纪念先烈们。国内大厂首页也是这样做的。filter 属性定义元素（通常是 ）的视觉效果（如模糊和饱和度）。

面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题仅适用布局、信息、框架并不复杂的部门类型网站兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。

@media 媒体查询，可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面。

px & em&rem区别介绍