CSSCSS

Tailwind CSS v4 是一次架构级升级：彻底抛弃 tailwind.config.js，用 @theme 块在原生 CSS 文件声明设计令牌；新增 @import "tailwindcss" 单入口代替 postcss.config；内置 CSS 变量、容器查询原生支持、oxc 引擎提速 10-40 倍、颜色函数简化。

Google 搜索排名核心指标完全实战：LCP 最大内容绘制（预连接/图像优先级/CDN缓存）、CLS 累积布局偏移（图像尺寸/字体FOIT/动态占位）、INP 交互响应（长任务拆分/防抖节流）全面落地。

彻底掌握现代响应式 CSS：Container Queries 让组件基于父容器尺寸自适应（而非视口），配合 :has() 父选择器实现依赖后代状态的样式变化，彻底改变组件化响应式设计范式。