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 - 36529

  • Total Votes - 236 votes

  • Vote Up - 76 votes

  • Vote Down - 160 votes

  • Domain -

  • Category - CSS/Basic

  • Submitted By - FT Marchan

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


<h2>What is a CSS Reset?</h2><br />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.<br /><h2>Why use a CSS Reset?</h2><br />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.<br />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.<br /><h2>How To Use a CSS Reset:</h2><br /><ul><br /> <li>Either write your own or copy-paste a free version into the <strong>top</strong> of your style.css.</li><br /> <li>Alternately, you can save the CSS Reset in a different file, (reset.css), and then call it at the <strong>top</strong> of your style.css.</li><br /></ul>    More detail...

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