浏览器样式重置

UnoCSS默认不提供样式重置或预设样式，以提供最大的灵活性，并且不会填充全局CSS。如果您与其他CSS框架一起使用UnoCSS，它们可能已经为您进行了样式重置。如果您仅使用UnoCSS，您可以使用类似Normalize.css的重置库。

安装

我们还提供了一个小型集合，供您快速获取它们：

1
2
3
4
5
6
# pnpm
pnpm add @unocss/reset
# yarn
yarn add @unocss/reset
# npm
npm install @unocss/reset

使用

您可以将以下重置样式表之一添加到您的 main.js 文件中：

normalize.css

源代码：https://github.com/csstools/normalize.css

1
import '@unocss/reset/normalize.css'

sanitize.css

源代码：https://github.com/csstools/sanitize.css

1
2
import '@unocss/reset/sanitize/sanitize.css'
import '@unocss/reset/sanitize/assets.css'

Eric Meyer

源代码：https://meyerweb.com/eric/tools/css/reset/index.html

1
import '@unocss/reset/eric-meyer.css'

Tailwind

1
import '@unocss/reset/tailwind.css'

Tailwind compat

1
import '@unocss/reset/tailwind-compat.css'