Css Reset Generator
Free online css reset generator tool, no installation required
About CSS Reset Generator
Assemble a CSS reset stylesheet from seven independent modules: box-sizing, margin/padding, font, list-style, border, images/inputs, and tables. Toggle individual modules on or off, or start from one of three curated presets, then copy or download the generated reset.css.
How to Use
1. Optionally click a preset: Meyer Reset (all modules), Normalize (five modules), or Minimal (box-sizing + margin/padding). 2. Tick or untick individual modules in the Options grid; Select All and Deselect All are also available. 3. Read the generated CSS in the textarea. 4. Click Copy to copy it, or Download to save a reset.css file to disk.
Reset Modules
boxSizing sets box-sizing: border-box on all elements. marginPadding zeroes out margin and padding. font sets html font-size and a system-ui body stack with line-height 1.5. listStyle removes list-style from ol/ul. border zeroes border-width and sets solid borders using currentColor. images forces img/video/canvas/svg to display:block and inputs to inherit font. tables sets border-collapse: collapse and border-spacing: 0.
▶What is the difference between Meyer Reset and Normalize presets?
▶Does this replace a full normalize.css file?
▶Why is the generated CSS empty?
▶What file name is used when I click Download?
If this tool has been helpful to you, consider buying me a coffee.
Buy me a coffee