How to use a CSS Reset

Tutorials Shared by the Internet Community


How to use a CSS Reset

The what, why, and how of using a CSS Reset Stylesheet.


  • Total Hits - 28818

  • Total Votes - 230 votes

  • Vote Up - 73 votes

  • Vote Down - 157 votes

  • Domain -

  • Category - CSS/Basic

  • Submitted By - FT Marchan

  • Submitted on - 2012-08-16 17:28:54


What is a CSS Reset?

A CSS Reset is a chunk of CSS code which defines baseline styles for some (or all) HTML elements. There are a plethora of CSS Reset stylesheets out there, and it's easy to write your own.

Why use a CSS Reset?

Different browsers use varied default style settings, and these differences can screw up your layout! Resetting these styles to one base evens out the differences, meaning fewer cross-browser issues when designing a website.
And in the end, there is little to lose. A very basic CSS Reset takes up little space and can be easily over-written if it presents any problems.

How To Use a CSS Reset:

  • Either write your own or copy-paste a free version into the top of your style.css.

  • Alternately, you can save the CSS Reset in a different file, (reset.css), and then call it at the top of your style.css.

    More detail...

Broken  |   Tweet  |   Facebook  |     |   Save  |   Liked  |   Down