Shared Tutorials

Tutorials Shared by the Internet Community


  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Basic Detail

How to use a CSS Reset

The what, why, and how of using a CSS Reset Stylesheet.
  • Total Hits: 21317

  • Average Rating :
    Tutorial RatingTutorial RatingTutorial RatingTutorial RatingTutorial RatingTutorial Rating


  • Total Votes: 229 votes

  • Average Rating: 3.38 out of  5

  • Category: CSS/Basic

  • Set as Favorite


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.

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 51.97%  119
 Two starsTwo star  Vote LeftVote MiddleVote Right 7.86%  18
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 10.48%  24
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 9.17%  21
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 20.52%  47

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.