How to use a CSS Reset

Tutorials Shared by the Internet Community

Advertisements

  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Detail

How to use a CSS Reset

The what, why, and how of using a CSS Reset Stylesheet.
http://flarnie.com/2011/css/how-to-use-a-css-reset/
  • Total Hits: 17669

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating

  •  

  • Total Votes: 151 votes

  • Category: CSS/Basic

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

  • Submitted By: FT Marchan

  • Set as Favorite

Description:

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

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 37.09%  56
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.6%  16
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.92%  18
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 11.92%  18
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.48%  43

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.






Advertisements