[jcharnley]

I want to hear about your favorite reset css document.

I really can't be arsed to do it myself, so i want to hear which one you guys use? or did you actually create your own?

/charnley

[iblastoff]

i usually end up modifying eric meyers css reset sheet for each site.

[Shiro]

I use Herkalees', which I believe he said he modified off of a yahoo reset sheet.

[transparent_opacity]

In all the websites I've ever built, I've never felt the need to use a CSS reset such a Meyer's. What's the benefit?

I do tend to 'set the stall out' however and style elements by tag first:

body {
	font: 75%/1.8em Tahoma, Verdana, Arial, Helvetica,  sans-serif;
	background: #fff;
	color: #4e4e4e;
	margin: 0;
	padding: 0 0 1em 0;
	text-align: center;
}

img {
	border: 0;
}

p {
	margin: 1.2em 0;
	font-size: 1.1em;
}

div > p:first-child {
	margin-top: 0;
}

a, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	color: #83911c;
	text-decoration: underline;
}

p a {
	text-decoration: none !important;
	color: #83911c;
	border-bottom: 1px solid #83911c;
}

p a:visited {
	border-bottom: 1px dashed #83911c;
}

p a:hover, p a:active {
	border-bottom: none;
	padding-bottom: 1px;
	color: #626F07;
}

h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	color: #83911c;
	letter-spacing: 0.04em;
}

h2 {
	margin: 0;
	font-size: 2.2em;
	border-bottom:  1px solid #e6e6e6;
	padding: 0.9em 0 1em 0.5em;
}

h3 {
	margin: 1.5em 2em 0 0;
	font-size: 1.2em;
}

h4 {
	margin: 1.25em 0 0 0;
	font-size: 1.5em;
}

h5 {
	margin: 0.83em 0 0 0;
	font-size: 1em;
}

ul {
	margin: 0.33em 0.83em 1.00em 2.50em;
	padding: 0;
}

address {
	font-style: normal;
}

table {
	border-collapse: collapse;
	font-size: 1em;
}

caption {
	text-align: center;
	font-size: 1.3em;
	padding: 0.83em 0;
	font-weight: bold;
}

th {
	text-align: left;
}

td	 {
	vertical-align: top;
}

[pgo]

Originally Posted by transparent_opacity

What's the benefit?

You start with an level playing field in all major browsers.

I use the Yahoo one.

[PSDgator.com]

I use Yahoo UI reset

[PSDgator.com]

but I heard Google Blueprints is a great framework too (code.google.com/p/blueprintcss/)

[herkalees]

My favorite one (mixture of Eric Meyer's reset file and my own tweaks/additions): My initial CSS file - Webradiance

[Hunch]

Meyer's with tweaks.

[website-design]

"I want to hear about your favorite reset css document"

why? if i may ask :-) ...

[ooyes]

Looks like Eric Meyer is the star!

[freelancr]

Originally Posted by PSDgator.com

but I heard Google Blueprints is a great framework too (code.google.com/p/blueprintcss/)

I think I read that they use Eric's. I'm going to start using Eric's reset reloaded as I usually only just do this:

*
{
margin: 0;
padding: 0;
}

[pgo]

I am officially throwing my support into the Eric Meyer ring. Just using his reset CSS for all new projects now. The Yahoo! one changes too much.

[weldo]

Originally Posted by freelancr

I think I read that they use Eric's. I'm going to start using Eric's reset reloaded as I usually only just do this:

*
{
margin: 0;
padding: 0;
}

me too, generally.

maybe i should look at this sometime ... ?? hmmm ??
... ponders ...

[Do Gooder]

bin using yahoo's thing. will look at the options.. when/if i can be arsed.

[herkalees]

Just a note, if it wasn't already mentioned or known by all - the asterisk method:
* {margin:0; padding:0;}
...does some really annoying stuff to form input/select elements in Firefox. Annoying enough to stop me from ever using it again.

[iblastoff]

Originally Posted by herkalees

Just a note, if it wasn't already mentioned or known by all - the asterisk method:
* {margin:0; padding:0;}
...does some really annoying stuff to form input/select elements in Firefox. Annoying enough to stop me from ever using it again.

yep. thats why i dropped that method for a while now.

[chriskalani]

Originally Posted by iblastoff

i usually end up modifying eric meyers css reset sheet for each site.

ditto

[twentysixtwelve]

Bit of a daft question here... do you add the reset css to your overall stylesheet, or do you create a reset.css and link to it?

[Shiro]

Either will work, but its better to link externally, because then you don't have to copy it into each page, and once its been downloaded once, other pages can use it without having to re-download it, so it speeds everything up.

When you link to your sheet, make sure all your other CSS, whether included in the page, or linked to externally, comes after the reset page.