Comments on: CSS Structural Reset

By: gonchuki

gonchuki — Tue, 01 Jun 2010 17:38:54 +0000

body, h1, h2, h3, h4, h5, p, form, ul, ol, li, fieldset { margin: 0; padding: 0; }
object, embed { outline: none; }
ul, ol, li { list-style: none; }
img, fieldset { border: 0; }

works like a charm.

By: JSkid

JSkid — Sat, 29 May 2010 13:02:45 +0000

I usually use Eric Meyers reset. =)

By: AgentG

AgentG — Wed, 26 May 2010 16:34:19 +0000

I was turned on to *{padding:0; margin:0;} awhile back, and it works quite well. Especially when you consider you’re likely to set what you want on all the other tags in your main css file.

By: DavidMark

DavidMark — Sun, 23 May 2010 20:14:40 +0000

CSS resets are backwards. Agents (not to mention users!) have diverse default styles for a reason. Leave them alone.

As for presentational per site “resets” (e.g. list item styles), those are not resets at all.

Scripts certainly should not need to (and really can’t) rely on such things. And trying to make every browser looks like the handful you test with is a fool’s errand.

By: randomrandom

randomrandom — Sat, 22 May 2010 10:47:05 +0000

If i’m feeling cheeky i like to add this:
br + br { display: none }
I’m fed up with editors using 2 line-breaks instead of 1 paragraph.

Apart from that i try to avoid the * selector for performance reasons. Eric Mayer’s reset has been serving me well. I tweak it a little for each website, as you should. But i may switch to something less verbose in the future.

By: AndersMattson

AndersMattson — Sat, 22 May 2010 07:47:46 +0000

One big thing missing for me is the font resets. Fonts and typefaces are an important part of web design and with webfonts on the way it seems like it should be in there.

By: nxtbcca

nxtbcca — Fri, 21 May 2010 16:44:42 +0000

.tal {text-align:left}
.tac {text-align:center}
.tar {text-align:right}

By: iliad

iliad — Fri, 21 May 2010 16:19:24 +0000

My resets differ for every project but I have a few that are always part of it

* { margin:0; padding:0; }
ul { list-style:none; }
img { display:block; }
a img { border:none; }
.clr { clear:both; }

By: GreLI

GreLI — Fri, 21 May 2010 14:13:24 +0000

div mentioning is excessive here. I’d prefer to add two optional things (depend on how you use it mostly):
— table, thead, tbody, tfoot, th, td { padding: 0; border: 0; }
— add ul to {margin:0;padding:0;} group and
ul {
display:block;
list-style:none;
}

By: bugme

bugme — Fri, 21 May 2010 12:59:18 +0000

*{zoom:0.0001} :evilgrin:

By: ck2

ck2 — Fri, 21 May 2010 12:50:57 +0000

Ha, I use zoom:1 here and there but is there any performance penalty for EVERYTHING zoom:1 ?

By: dutchcelt

dutchcelt — Fri, 21 May 2010 12:31:49 +0000

Never been a fan of using wildcards “*”. It creates an unnecessary overhead. While I’m at it, I’m also not a fan of zeroing all elements in the web client. Meyer’s reset with some needed patterning works wonders. So my resets are actually pattern setters for a particular company’s web presence.

By: MartijnHoutman

MartijnHoutman — Fri, 21 May 2010 12:24:13 +0000

* { zoom: 1; }

;-)

By: Jeph

Jeph — Fri, 21 May 2010 12:13:21 +0000

There are a couple of resets missing like outline: none.