How to use a CSS Reset
|Top Tutorials||New Tutorials||Submit||Login||Register|
Total Hits: 12393
Total Votes: 139 votes
Submitted on: 2012-08-16 17:28:54
Submitted By: FT Marchan
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.