TailwindCSS v3.0 正式发布！一大波新特性来袭！

最新推荐文章于 2025-10-22 16:12:08 发布
转载 最新推荐文章于 2025-10-22 16:12:08 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://mp.weixin.qq.com/s?__biz=MzI4NDYxNTM0OQ==&mid=2247488852&idx=1&sn=58cefc5e2ec74bf1e0bc4c21c3ead9c7&chksm=ebf9e28edc8e6b98a2c6e68679410eeebc8b8f7635ff670cdcb851f69e9d9f65de06aba4a20e&scene=126&&sessionid=0
文章标签：

#css #python #java #html #vue

Tailwind CSS v3.0 引入了多项增强功能，包括默认的 Just-in-Time 模式、全面的颜色支持、颜色阴影、滚动捕捉 API、多列布局等。这些更新显著提升了开发体验及性能。
部署运行你感兴趣的模型镜像

8c81f257797b45888c9c27448dec64e4.png

最近一直在研究 TailwindCSS 相关的内容，打算将其用在接下来的各种项目中，之前也写过关于 CSS 工程化方面的文章：2021 年你需要之前的 CSS 工程化技术，今天给大家介绍一篇关于 Tailwind 最新发布的 v3.0 相关的内容。

2021 年 12 月 10 日，TailwindCSS 的创始人 Adam Wathan 宣布 TailwindCSS v3.0 正式发布，带来了一系列性能上的改进、对开发工作流的改善以及大量的新特性。

那么这颗在 CSS 工程化领域极为耀眼的新星在 v3.0 为我们带来了哪些有趣的新特性呢？我们接下来就来一一的介绍它们。

随时随地的 Just-in-Time 模式

Tailwind 2.x 里面引入了一种新的模式，Just-in-Time 模式，可以保持开发和生产构建是一致的，且都是按需构建，相比之前 Tailwind 需要将所有基础的内容进行构建来说大大提升了性能，针对任何构建工具，如 Webpack 只需要 800ms 就可以构建完成，而在之前，可能需要 30-45s。

而且得益于 JIT 模式，Tailwind 支持了 “任意值辅助类” 等一系列新的特性。

之前使用 JIT 时，需要在配置文件里面指定模式：

// tailwind.config.js

module.exports = {
 // ...
  mode: 'jit',
  // ...
}

然后你就可以享受到极快的构建速度，而且可以使用任意值的辅助类，如：

<div class="top-[-113px]"></div>

这在之前的 Tailwind 版本中是不允许的，如果需要覆盖这种任意值的情况，你还是得定义一个类名，然后撰写对应的 CSS：

<div class="arbitrary-values"></div>

<style>
.arbitrary-values {
  top: -113px;
}
</style>

这种形式显得 Tailwind 比较割裂，所以在 JIT 模式下，因为支持按需构建，所以这种任意值的形式也可以使用 Tailwind 统一的语法进行书写。

而在 v3.0 中，Tailwind 内置了 JIT，无需在配置文件里面声明 JIT 模式，默认就是按需构建、可使用任意辅助类、开发和生产构建方式与产物统一，避免了不一致性、还获得了极大的性能优化。

所有的颜色都开箱即用

在 v3.0 之前，为了关注在开发模式下 CSS 体积的大小，Tailwind 必须要小心的限制可用的颜色，但是在 v3.0 之后，我们可以引入了很多新的调色板颜色，如 cyan（天蓝色）、rose（玫瑰色）、fuchsia（紫红色）、lime（酸橙色）以及 15 中灰色的阴影，而无需担心日益增大的 CSS 文件体积。

fd5a873a8eaf2b9e6bfe6eb522c4b427.png

支持有颜色的阴影

之前 Tailwind 想要以一种组合式的方式支持带颜色的阴影是很困难的，虽然长期以来，用户都在述求这一项功能，但是一直也没有实现。经过 5 次失败的尝试，最终在 Tailwind v3.0 中实现了这项功能，现在你可以在 Tailwind 中使用这些有颜色的阴影了：

比如下述代码：

<button class="bg-cyan-500 shadow-lg shadow-cyan-500/50 ...">Subscribe</button>
<button class="bg-blue-500 shadow-lg shadow-blue-500/50 ...">Subscribe</button>
<button class="bg-indigo-500 shadow-lg shadow-indigo-500/50 ...">Subscribe</button>

可以得到如下的效果：

b3c1cfbd4d17bffe4618500f90720f52.png

滚动捕捉 API

我们加入了一个完善的用于实现 CSS 滚动捕捉模块的辅助类集合，使得你可以直接在 HTML 里面实现非常丰富的滚动捕捉的效果：

什么是滚动捕捉？也就是滑动到下一个 Item 时，可以选择滑动到此 Item 的某个位置，比如下列的定位在图片中间。

d061a9dfeee75e70498759da914ae8fb.gif

而上面的效果只需要如下的较为简单的 Tailwind 辅助类：

<div class="snap-x ...">
  <div class="snap-center ...">
    <img src="https://images.unsplash.com/photo-1604999565976-8913ad2ddb7c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="snap-center ...">
    <img src="https://images.unsplash.com/photo-1540206351-d6465b3ac5c1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="snap-center ...">
    <img src="https://images.unsplash.com/photo-1622890806166-111d7f6c7c97?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="snap-center ...">
    <img src="https://images.unsplash.com/photo-1590523277543-a94d2e4eb00b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="snap-center ...">
    <img src="https://images.unsplash.com/photo-1575424909138-46b05e5919ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="snap-center ...">
    <img src="https://images.unsplash.com/photo-1559333086-b0a56225a93c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
</div>

在一个 snap 容器里，snap-center、snap-start 等是用于滚动定位的设置项，而 Scroll Margin 则是用于设置相对于定位的偏移，使用形如 scroll-m{side}-{size} 这样的格式进行设置，如 scroll-ml-6 ，则是相对左边再偏移 6 个单位的长度：

<div class="snap-x ...">
  <div class="scroll-ml-6 snap-start ...">
    <img src="https://images.unsplash.com/photo-1604999565976-8913ad2ddb7c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="scroll-ml-6 snap-start ...">
    <img src="https://images.unsplash.com/photo-1540206351-d6465b3ac5c1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="scroll-ml-6 snap-start ...">
    <img src="https://images.unsplash.com/photo-1622890806166-111d7f6c7c97?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="scroll-ml-6 snap-start ...">
    <img src="https://images.unsplash.com/photo-1590523277543-a94d2e4eb00b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
  <div class="scroll-ml-6 snap-start ...">
    <img src="https://images.unsplash.com/photo-1575424909138-46b05e5919ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&h=160&q=80" />
  </div>
</div>

如上述代码，snap-center 则会在滚动的时候定位在图片的开始位置，而加了 scroll-ml-6 之后，会再相对左边偏移 6 个单位，变成如下效果：

0b6d47c287d4228374150eedaf2f5af9.gif

多列布局

我们加入了 columns 列布局支持，也被称之为 “新闻版式布局” 类型，这种布局非常有用，同时应用在底部的导航栏布局设计时也是非常有用的。

如我们大多数网站底部的多列导航栏设计，以 Tailwind 官网为例：

77517176e6800cdb2be83c5e215dfd50.png

当你使用对应的辅助类如下时：

<div class="columns-1 sm:columns-3 ...">
  <p>...</p>
  <!-- ... -->
</div>

你可以获得如下的效果：

a73655e5c8e9056b3a2f28e473fcac52.png

原生的表单控制样式

我们加入了对 CSS accent-color 属性的支持，如为表单里面的文件输入框按钮添加样式，这使得你能够细粒度的为原生的表单控制按钮添加样式，如下代码：

<form>
  <div class="flex items-center space-x-6">
    <div class="shrink-0">
      <img class="h-16 w-16 object-cover rounded-full" src="https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1361&q=80" alt="Current profile photo" />
    </div>
    <label class="block">
      <span class="sr-only">Choose profile photo</span>
      <input type="file" class="block w-full text-sm text-gray-500
        file:mr-4 file:py-2 file:px-4
        file:rounded-full file:border-0
        file:text-sm file:font-semibold
        file:bg-violet-50 file:text-violet-700
        hover:file:bg-violet-100
      "/>
    </label>
  </div>
  <label class="mt-6 flex items-center justify-center space-x-2 text-sm font-medium text-gray-600">
    <input type="checkbox" class="accent-violet-500" checked/>
    <span>Yes, send me all your stupid updates</span>
  </label>
</form>

可以获得如下效果：

未选择文件前：

4309939a147a03674eb132ad01fa0e30.png

选择文件后：

fbf52ccbb68a8d65ca3da107b7b07c30.png

打印修饰符

我们添加了 print 修饰符，使得你可以在用户打印你的网站时如何展现：

<div>
  <article class="print:hidden">
    <h1>My Secret Pizza Recipe</h1>
    <p>This recipe is a secret, and must not be shared with anyone</p>
    <!-- ... -->
  </article>
  <div class="hidden print:block">
    Are you seriously trying to print this? It's secret!
  </div>
</div>

比如上述的代码逻辑为，在打印模式下，第一个 article 块不展示，而 div 块展示。

现代 aspect ratio API

我们添加了原生的 aspect ratio ****属性的支持，因为现在浏览器的支持度已经非常高了，即我们可以获得比较完美的横纵比。

比如如下代码，可以设置视频的最佳横纵比：

<iframe class="w-full aspect-video ..." src="https://www.youtube.com/..."></iframe>

上述代码得到如下结果：

c83becd4451bcf7bd150ac12e11cbbaa.png

好看的下划线样式

我们现在也支持修改下划线的颜色、粗细等属性了~

如下面的代码：

<p>
  I’m Derek, an astro-engineer based in Tatooine. I like to build X-Wings at
  <a href="#" class="underline decoration-sky-500 decoration-2">My Company, Inc</a>. Outside of work, I
  like to <a href="#" class="underline decoration-pink-500 decoration-dotted decoration-2">watch pod-racing</a>
  and have <a href="#" class="underline decoration-indigo-500 decoration-wavy decoration-2">light-saber</a>
  fights.
</p>

可以得到如下的效果：

4cfaa726c89e9b795f106eff06755b12.png

RTL 与 LTR 修饰符

我们也加入了对 RTL（从右到左）与 LTR（从左到右）等多方向布局的实验性支持，如下代码：

<div class="group flex items-center">
  <img class="shrink-0 h-12 w-12 rounded-full" src="..." alt="" />
  <div class="ltr:ml-3 rtl:mr-3">
    <p class="text-sm font-medium text-gray-700 group-hover:text-gray-900">...</p>
    <p class="text-sm font-medium text-gray-500 group-hover:text-gray-700">...</p>
  </div>
</div>

可以获得如下效果：

0b47b2be1972b49f651c0ae27f2016dc.png

Portrait 与 Landscape 修饰符

我们也添加了在不同屏幕方向的修饰符支持，如 portrait （竖屏）、landscape （横屏）修饰符，使得你可以通过不同的修饰符控制在对应屏幕方向上的样式：

<div>
  <div class="portrait:hidden">
    <!-- ... -->
  </div>
  <div class="landscape:hidden">
    <p>
      This experience is designed to be viewed in landscape. Please rotate your
      device to view the site.
    </p>
  </div>
</div>

任意值辅助类支持

虽然看起来不太合理，但是我们依然添加了任意 CSS 值的 Tailwind 辅助类，并使得你可以结合 hover 、lg 等修饰符使用：

<div class="[mask-type:luminance] hover:[mask-type:alpha]">
  <!-- ... -->
</div>

或者像 56px 或者 44px 这种任意值，与 lg 修饰符一起使用：

<div class="[--scroll-offset:56px] lg:[--scroll-offset:44px]">
  <!-- ... -->
</div>

使用 CDN 来使用 Tailwind

目前没有一个很好的基于 CSS 的 CDN 方式来使用 Tailwind CSS v3.0，所以我们构建了一个 JavaScript 库来帮助你使用它：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example</title>
    <script src="https://cdn.tailwindcss.com/"></script>
  </head>
  <body>
    <!-- -->
  </body>
</html>

这种方式仅限于在开发环境下使用，或者当你想构建一个 demo 或者想要尝试一个有趣的想法时，你可以这样使用。只需要在任何想要使用 Tailwind 特性的 HTML 文档里添加 script 标签来引用 https://cdn.tailwindcss.com/ 即可。

以上就是 TailwindCSS v3.0 更新的全部特性了，看到这里，你觉得 TailwindCSS v3.0 怎么样呢？你做好将其用于生产、或者加入构建你下一个应用时的工具箱的准备了🐴？

「分享」「点赞」「在看」是最大支持

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

YvetteLau
关注
TailwindCss在vue3项目中的使用
单飞吧的博客
04-16 2413
如果你介意 tailwind.config.js 的文件是 js，那么直接改为 ts 之后换成以下代码。注意postcss.config.js 不能改成 ts。4 在src 目录下创建目录styles，并在该目录下创建Tailwind.css，用 @tailwind 指令添加 Tailwind功能。3 在tailwind.config.js添加对vue文件的识别，其他配置可以在。6 在main.ts 中引入Tailwind.css。1 安装 tailwindcss和postcss。
技术篇：从零开始掌握 Tailwind CSS
snow
10-26 2330
Tailwind CSS 是一个高度实用 CSS 框架。它的核心理念是「让你写更少的自定义 CSS」，通过提供原子化的实用工具类，使开发者可以直接在 HTML 中组合和使用这些类来完成页面的样式设置，而不需要再编写额外的 CSS 代码。这种方法的优点是提高了开发效率，减少了重复代码的编写，并且有助于保持样式的一致性，帮助开发者快速构建复杂的用户界面。
Tailwind V3 在 Vue 项目中的引入与使用全解析
z001126的博客
10-28 1582
在自动生成的文件中，我们可以根据项目需求自定义样式规则。// 指定需要处理的文件路径和类型theme: {extend: {// 自定义列宽columns: {},},// 插件数组，可用于扩展Tailwind CSS的功能在content字段中，我们指定了 Tailwind CSS 需要处理的文件路径和类型。这样，Tailwind CSS 只会处理这些文件中使用的工具类，从而减少生成的 CSS 文件大小。字段用于扩展默认的主题配置，这里我们自定义了一个名为4xs的列宽。
TailwindCSS v3.0 正式发布，一大波新特性来袭
m0_61544080的博客
12-20 1044
2021 年 12 月 10 日，TailwindCSS 的创始人 Adam Wathan 宣布 TailwindCSS v3.0 正式发布，带来了一系列性能上的改进、对开发工作流的改善以及大量的新特性。 那么这颗在 CSS 工程化领域极为耀眼的新星在 v3.0 为我们带来了那些有趣的新特性呢？我们接下来就来一一的介绍它们。 ## **随时随地的 Just-in-Time 模式** Tailwind 2.x 里面引入了一种新的模式，Just-in-Time 模式，可以保持开发和生产构建是一致的，且都是
【随手记】vue3简单使用TailwindCss3
m0_55122092的博客
10-22 426
1、在css文件中引入base、compoents、utilities。2、在main中导入即可。
TailwindCSS 3.0（一）安装方法
Solarains的博客
01-14 6288
在项目目录下初始化项目, 然后安装tailwindcss, 并创建tailwind.config.js文件. # 在项目目录下初始化项目 npm init -y # 安装tailwindcss npm install tailwindcss -D # 创建 tailwind.config.js 文件. npx tailwindcss init 设置tailwind.config.js文件 module.exports = { content: ["./public/**/*.{html,.
TailwindCSS 3.0 (二) 设置背景颜色和背景图片的方法
热门推荐
Solarains的博客
01-17 1万+
设置背景颜色 background-color背景颜色 Background Color基础用法透明度自定义主题颜色其他用法背景图片 Background Image基础用法图片大小 Background Size渐变颜色基础用法渐变色标基础用法其他用法 背景颜色 Background Color 基础用法 格式: bg-{颜色名}-{色号} 示例: bg-gray-100 对应的是 background-color: rgb(243 244 246); 颜色表: https://tailwindcss.
weapp-tailwindcss - 将 tailwindcss 引入 weapp ！ 把tailwindcss原子化思想带入小程序开发吧！.zip
11-30
weapp-tailwindcss简体中文(zh-cn) | English 笔记降低开发维护成本，提升开发效率的小程序 tailwindcss全方面解决方案小程序工具链weapp-...版本对应目前，weapp-tailwindcss的2.x和3.x支持最新版本的tailwindcss v
vue3-starter-template:查看3 + TailwindCss +快速+东西！
04-21
Vue 3 + TailwindCss + Vite +东西！ 安装 npm install 用法 npm run dev # Run Server in Dev Mode npm run build # Build app in dist folder 贡献 拉请求是受欢迎的。 对于重大更改，请先打开一个问题以讨论您要...
Tail-Kit 是一个为 TailwindCSS 3.0 提供的免费开源组件和模板库。.zip
最新发布
10-27
一个基于TailwindCSS 3.0的组件与模板库，提供230+精心设计的UI元素。该项目完全免费开源，严格遵循TailwindCSS原生规范，无需额外CSS配置。其核心价值在于为开发者提供可直接复用的现代化UI组件，显著提升前端开发...
warn - The `purge`/`content` options have changed in Tailwind CSS v3.0. warn - Update your configuration file to eliminate this warning.
06-25
在 Tailwind CSS v3.0 中，`purge` 选项已被弃用，并被替换为 `content`。如果你正在从旧版本升级到 Tailwind CSS v3.0 并看到关于 `purge`/`content` 的警告，需要更新你的 `tailwind.config.js` 文件以消除该警告...
tailwind-vue：整合tailwind和vue3
02-09
尾风3 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 运行单元测试 yarn test:unit 整理和修复文件 yarn lint 自定义配置 请参阅。
vuefer:Vue3使用Tailwind CSS风格像Flutter
03-14
Vuefer只是一种使用Tailwind CSS编写Flutter风格的Vue3的方法 sdsfd 请注意：该项目已从vuefer重命名为独立名称：vuefer 请注意：该项目正在进行中，完全是实验性的！ 启动该项目的原因和动力是一个问题：Flutter＆Dart太棒了！ Vue3和Typescript也很棒！ 但... Flutter无法在Excel :(内使用，并且使用Web库的方式比较复杂。 因此，如果我们以Flutter的方式编写Vue3 TS，因为它既简单又快速，该怎么办？ 目的：快速原型开发和快速MVP开发 请注意： 它根本不是Flutter ，甚至都不是Flutter，但是希望它将使用其样式的组件和方法编写。 根本没有正确编写它，并且直到版本1才可以在生产中使用。 它尚未与任何标准对齐，并且根本没有任何样式，并且看起来很糟：)，因为现在的主要重点是编写基
vscode-tailwindcss-0.14.25.vsix
07-19
1. 插件名称：Tailwind CSS ...5. 插件介绍：Tailwind CSS IntelliSense 通过为 Visual Studio Code 用户提供自动完成、语法突出显示和 linting 等高级功能来增强 Tailwind 开发体验。 6. 插件领域：前端开发
TailwindCSS v3 发布, JIT成为默认引擎
ice breaker's blog
12-13 1338
TailwindCSS v3 发布, JIT成为默认引擎 TailwindCSS v3 正式版发布了，这是一个为 JIT 而生的版本，它移除了原先的 AOT 引擎，把 JIT 作为默认的引擎。接下来我们来看看它有哪些新的特性吧。 更强的即时编译引擎 更加强大的即时编译引擎, 带来了巨大的性能提升的同时，也解锁了任意值(arbitrary values)和更强的变体(variant)功能。 举个例子，原先我们经常把多个修饰符样式这样写 sm:top-[50px] sm:flex ，现在我们可以把他们全部组合.
PyCharm Flask 使用 Tailwind CSS v3 配置
★匆匆★的专栏
04-18 819
其中 http://localhost:63342 可以直接浏览器打开 html 查看获得。
TW-Elements与Tailwind CSS v3完美融合：最新特性适配方案
gitblog_00059的博客
09-30 674
你是否还在为UI组件与Tailwind CSS v3的兼容性问题烦恼？是否希望用最简单的方式实现响应式设计与动态交互效果？本文将系统介绍TW-Elements 2.0.0与Tailwind CSS v3的融合方案，通过5分钟快速配置、核心组件适配案例和性能优化技巧，帮助你解决90%的前端开发痛点。读完本文后，你将能够：掌握TW-Elements的本地化部署流程、实现5类核心组件的无缝集成、优化生产...
Vue3 Tailwind CSS
likuoelie的博客
06-22 1188
Tailwind CSS 是一种轻量级的 CSS 框架，提供预定义的实用工具类（如flexpt-4），允许开发者直接在 HTML 类名中应用样式，减少自定义 CSS 的编写。研究表明，它特别适合 Vue3 的组件化开发，能快速构建现代化、响应式 UI。Tailwind CSS 是一种实用工具优先的 CSS 框架，由 Adam Wathan 领导的 Tailwind Labs 开发。它提供了一组预定义的 CSS 类（如flexpt-4），开发者可以直接在 HTML 元素上应用这些类，而无需编写自定义 CSS。
Tailwind css 实践指南
Cipher_Y的博客
07-19 510
指令是在你的HTML或CSS中使用的特殊注释，用于告诉Tailwind CSS的JIT编译器生成相应的样式。它底层使用PurgeCSS在HTML中查找类。这些CSS class不需要我们自己去写，这些都是tailwindcss给我们的，我们只需要在className里面写相应的类名就足够了，这就是原子化CSS带给我们的便利。JIT模式是Tailwind CSS 2.x系列中引入的一项功能，它可以在构建时动态地生成仅包含项目中实际使用的样式，从而大大减小生成的 CSS 文件的大小。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值