Topic: CSS Font sizing methods em or px?
I am a little confused as to the best way to size fonts with CSS. In my research, I have noticed that one author will reccommend using PX and another will state that em's are the way to go. I just wish it would be fixed and not have so many options. One author stated that EM should be used for text, and px should be used for other sizing such as padding and margins. Is this just a recomendation or a standard? Say I mix the two. Will it cause problems. Its one thing to have to work around different browser quirks, but when you have all these other options for sizing things to boot really confuses me. When I look at what WC3 has to say, They eplain things in such "geek" terms that I have to read it over and over to understand what the hell they are trying to say. lol. Can anyone put things into laymens terms?
Say I set a font-family to Verdana... in a body selector and give it a size 1.0em and later I set the <p> selector to a font-size of 0.8em since the <p> element is a child of the <body> element does this mean that the <p> element will be 0.8 of 1.0? Or better yet, say I set the <body> element to have a font size of 12px and later I set a child element to have a font size in a percentage. I assume that it take x% of 12 px. Is this correct or am I way out in left field on this one?
Also, when I size a font using the units em, is this based on the users browser default setting. i.e 1.0em = default size, and 0.8 = 8/10 of the default browser size?