--- theme: smartblue --- # Tailwind-原子化CSS框架 在传统 C

Tailwind CSS 是一个原子类 CSS 框架，它将基础的 CSS 全部拆分为原子级别。在使用一些时间的Tailwind CSS后发现了一些小使用Tips,一起来看看吧。

这是 Tailwind CSS 的基础使用的终篇：包括形变、过渡效果、动画等常用属性 。

Tailwind CSS 的基础使用：包含伪类、伪元素、flex 和 grid 布局、定位等相关属性。

安装 以下方法是Vite + Vue模式下的安装方法，其他脚手架与框架的使用同理。 创建项目 安装必要依赖 Vite创建的项目默认集成了PostCSS，而TailwindCSS本身就是一个PostCS

🎏 目前在 Github 上 Tailwind css 的 ⭐️ 是79.2k,而 Unocss 的 ⭐️ 是5.2k，本次对比主要是在两个项目打包大小和浏览器体验评分上做简单对比。

Tailwind CSS 的基础使用：从宽度高度开始逐步展现 Tailwind CSS 基本的使用规则，包括边距、边框、文本、颜色等常用的样式属性。

Tailwind CSS，前端开发提效神器。从配置到实战，全面解读其高效样式管理、响应式设计、可定制性及性能优化。

Tailwind 是流行的原子化 css 框架。 有多流行呢？ 它现在有 68k star 了，要知道 express 才 60k： 那什么是原子化 css？ 我们平时写 css 是这样的： 在 ht