CSS für verschachtelte Elemente korrekt angeben

[Matthias Apsel]

Om nah hoo pez nyeetz, Sanne1612!

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

margin: 0px;
    padding: 0px;
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
}

  
Es ist nicht sinnvoll, die Abstände für alle Elemente so konsequent auf Null zu setzen. Du musst hinterher alle Abstände per Hand setzen, auch die, deren Standardwerte möglicherweise passen würden.  
  
0px ist dasselbe wie 0[pc](http://de.wikipedia.org/wiki/Parsec). Deshalb kannst du die Einheit weglassen.  
  
Es haben nur die Elemente per default einen border, die den auch haben sollten, input, textarea, fieldset beispielsweise.  
  
font wird automatisch vererbt, das brauchst du nicht zu schreiben.  
  
Der default-Wert von vertical-align ist baseline.  
  
Eine sinnvolle Normalisierung um Browserunterschiede auszugleichen wäre etwa  
  
~~~css
ul, ol, li, dl, dt, dd {  
  display: block;  
  padding: 0;  
  margin: 0;  
}  
  
li {  
  display: list-item;  
  margin-left: 2em;  
}

Matthias