forklaring på værdien "em" i css ?

Det er både simpelt, og så alligevel ikke ... læs selv: http://www.bigbaer.com/css_tutorials/css_font_size.htm

der er også lidt her: http://www.thefixor.com/help/css-typography.html

er der noget på dansk ? :-)

em er en forholdsværdi ... (faktisk er en em = kvadratet af et m i den valgte skriftype)

Hvis brugerens  browserindstilling står til feks 16px bogstavstørelse ... vil 1em være lig med 16px

html, body { font-size: 1em; font-family: sans-serif } = fontstørelse er hvad brugeren har som sin indstilling
h1 {font-size: 4em} = 4 gange fontstørelse
h2 {font-size: 2em} = 2 gange fontstørelse
div {font-size: 0.75em; width: 20em} = 0.75 gange fontstørelse / brede af div = 20 * fontstørelse

Jeg foretrækker at bruge % i html, body
html, body { font-size: 100% ; font-family: sans-serif }  = fontstørelse er hvad brugeren har som sin indstilling

------------

html, body { font-size: 10px font-family: sans-serif } = fontstørelse er 10px
h1 {font-size: 4em} = 40px
h2 {font-size: 2em} = 20px
div {font-size: 0.75em; width: 20em} = 7.5px  / brede af div = 200px

hmm... så vil jeg da nærmest foretrække at holde mig til px.? ellers kan brugeren jo smadre designet i ex en menu hvor der er billeder bag tekst, hvis han har indstillet store skrifttyper ?!
er det ikke korrekt forstået?
men tak for beskrivelse indtil nu, det gav en bedre forståelse..

smid et svar for points

ellers kan brugeren jo smadre designet i ex en menu hvor der er billeder bag tekst, hvis han har indstillet store skrifttyper ?!

Kan han/hun også hvis vedkommende forstøre skriftstørelsen mens vedkommende ser side... eller har et stylsheet der overruler dit ....

nogle af de bedste sider (IMHO) er bygget elastisk så de kan klare alle skriftstørelse ud at ødelægge designet