HTML CSS
tailwindcss 的优势在哪里
1.较高的开发效率：直接在html中修改类名，无需重复在css文件和index文件中间轮转
2.原子性防止污染全局样式：
- 由于是原子类不存在改A组件样式的同时也改了B组件
- 极大的优化了打包体积最终打包的 CSS 体积通常能压缩到 10KB 以内
3.完美的响应式与状态处理：
- 响应式内联：使用断点前缀（
sm:、md:、lg:）直接在同一个元素上定义不同屏幕尺寸的样式，如text-base md:text-lg lg:text-xl，逻辑非常直观。 - 状态变体：支持
hover:、focus:、dark:等前缀，无需编写额外的 CSS 代码就能实现交互状态和暗色模式。
