Reset CSS: A simple solution to browsers’ inconsistencies.

One of the challenges web designers face is to get various web browsers render their web pages in a consistent manner. The reason is every browser assigns slightly different default styles to certain page elements.


A simple approach to handle this cross-browser inconsistency is to overwrite browsers’ default styles. This technique is known as resetting CSS. To me it is more like setting a starting point for your web page being rendered by various browser. By setting (or resetting) the base styles you start with a consistent base for each browser.
Now the question is how to reset browser’s default style. Eric Meyer created the following style sheet to reset browsers’ default CSS style.


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

Many web developers considered this as the standard reset style sheet. Save this CSS as reset.css and include this file in your header file (or header section of every web page). Make sure that this style sheet comes before your other style sheets otherwise it will overwrite your styles.

Comments 12

  • I absolutely love your blog and find most of your post’s to be just what I’m
    looking for. Would you offer guest writers to write content available for you?
    I wouldn’t mind publishing a post or elaborating on a few
    of the subjects you write in relation to here.
    Again, awesome web log!

  • Right here is the perfect blog for anybody who would
    like to find out about this topic. You understand so
    much its almost tough to argue with you (not that I personally will need to…HaHa).

    You certainly put a new spin on a topic that’s been discussed for years.

    Excellent stuff, just excellent!

  • Hi there, this weekend is pleasant for me, for the reason that this point in time i am reading this impressive educational piece of writing here at my residence.

  • Hello, i feel that i saw you visited my weblog so i
    got here to go back the prefer?.I’m attempting to find issues to
    enhance my web site!I suppose its adequate to use a few of
    your ideas!!

  • Valuable info. Fortunate me I found your web site accidentally, and I am shocked why
    this twist of fate didn’t came about in advance! I bookmarked it.

  • Fine way of describing, and fastidious piece of writing to obtain data regarding
    my presentation subject matter, which i am going to deliver in institution of higher education.

  • Hi there! Quick question that’s totally off
    topic. Do you know how to make your site mobile friendly?
    My website looks weird when browsing from my iphone.
    I’m trying to find a template or plugin that might be able to fix this problem.
    If you have any suggestions, please share. Cheers!

  • This is my first time go to see at here and i am in fact happy to read everthing at alone place.

  • Hello There. I found your blog using msn. This is a really well written article.

    I’ll make sure to bookmark it and come back to read more of your useful info.

    Thanks for the post. I’ll definitely comeback.

  • I am no longer positive the place you are getting your information,
    however great topic. I must spend a while studying more or working
    out more. Thanks for excellent information I was in search of
    this info for my mission.

  • It’s awesome to pay a quick visit this website and reading
    the views of all friends regarding this article, while I am also keen of getting familiarity.

  • Most of the apps are broad because variety of members
    are registered eyeing for thee diverse types of relationships.
    They accept to alive with either step-mother or step-father.
    Any time you are dealing with a person you don’t know you should
    use extreme caution.

Leave a Reply

Your email address will not be published. Required fields are marked *