Matthias Apsel: CSS für verschachtelte Elemente korrekt angeben

Beitrag lesen

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

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Öl und Öland.