Search⌘ K
AI Features

Preflight

Explore how Tailwind's Preflight reset stylesheet standardizes base HTML element styling across browsers to provide a clean, minimal foundation for custom designs. Understand its role in removing default margins, borders, list styles, and handling image display to ensure consistency in your Tailwind projects.

Tailwind’s stylesheet

Tailwind utilities often come in families with a common pattern of beginnings or endings. When we talk about those, we’ll use: .text-{size} to indicate a family of utilities that include @tailwind base, @tailwind components, and @tailwind utilities. Each of these files contains a different set of CSS rules.

Note: In the Webpack-based installation, we import with @import as the command name rather than ...