CSS

See attached CSS.

I changed the font size in body to 1.2 em (it was previously 0.95 em).

After doing this, the font size on <h4> changes too.

Why? I want <h4> & all the other <h> to say as they are specified.
style1.css
Richard KortsAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
haloexpertsexchangeConnect With a Mentor Commented:
I think the reason that all of your fonts are getting bigger is because you are using ems.
http://w3schools.com/cssref/css_units.asp

ems are relative font sizes so if you made your main font size larger it would stand to reason that if the h4 is .9 em of the overall standard font size that if you make the body font size larger you get a larger h4 and any other font-size declarations would also be proportionately larger.

from w3schools       
1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses
0
 
haloexpertsexchangeCommented:
h4s are still a part of the body so anything that you do to the body will affect the h4s.
0
 
Richard KortsAuthor Commented:
to haloexpertsexchange:

So the fact that <h4> has it's own font specified does NOT override <body>?

How can I force it to do what I want?

Do I have to put some kind of "container" around the body & specify the font there? Then will <h4>, etc., override that?

Thanks
0
Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

 
Gurvinder Pal SinghCommented:
Yes, specify a font for h4 to override that
0
 
haloexpertsexchangeCommented:
it depends on the order that you have them declared in your css file.
if you have h4 declared first and then have the body declared the body will overwrite the css specified for the h4.
Also if you don't have a size declared for the h4 but do have one on the body it will take the one from the body even if you have other font attributes declared for the h4.
0
 
Richard KortsAuthor Commented:
To haloexpertsexchange:

Please look at the css file attached to the original posting.

I did not write this css myself, I inherited it.

Note that <body> precedes <h4> and <h4> has it's own font specification (which does not seem to apply).
Maybe I have to use in-line style where I want it?
0
 
Richard KortsAuthor Commented:
I changed all the em designations to px or pt.

Works perfectly.

Thanks
0
All Courses

From novice to tech pro — start learning today.