526互联

tailwindcss 3.3.3

发布时间 2023-09-21 15:57:13作者: 噬蛇之牙

安装（略）

编辑器设置（略）

Using with Preprocessors 与预处理器一起使用（略）

Optimizing for Production 针对生产进行优化（略）

Browser Support 浏览器支持（略）

Upgrade Guide 升级指南（略）

Utility-First Fundamentals 效用优先基础知识

  • 好处
    • You aren’t wasting energy inventing class names. 你不是在浪费精力发明类名
      • 注释：一个自定义类有什么作用？
    • Your CSS stops growing 您的 CSS 停止增长
    • Making changes feels safer 进行更改感觉更安全
      • 注释：只影响当前标签
  • Why not just use inline styles? 为什么不直接使用内联样式？
    • Designing with constraints.有约束的设计。
      • 注释：使用 tailwindcss 的值有一定的范围，并不是可任意定义的
    • Responsive design 响应式设计
    • Hover, focus, and other states. 悬停、焦点和其他状态