Modern CSS with Tailwind, 2nd Edition

Preflight

When you install Tailwind, you need to import three different files with the commands: @tailwind base, @tailwind components, and @tailwind utilities. Each of these files contains a different set of CSS rules. (In some installations, you use the more generic file import command @import rather than @tailwind.)

@tailwind base contains Tailwind’s reset style sheet called Preflight. A reset style sheet is a restyling of all the base HTML elements to a minimal set of styling properties. Without a reset style sheet, each browser defines its own default set of style properties for how to render individual HTML elements that don’t have further CSS properties. Using a reset style sheet gives our application control over this baseline, eliminating ...