Css reset: font-size: 100%; Why?

Question

I am studying the css reset of S. Meyer, found here: http://meyerweb.com/eric/tools/css/reset/

My question is: what is the purpose of: font-size: 100%?

Can somebody explain it?

Answer 1

It "Sets the font-size to a percent of the parent element's font size". Therefor if the parent is 14px the child would be 14px based on the setting. It is a way to allow for dynamic resizing of fonts.

Answer 2

Titles such as H1, H2 etc by default have different font sizes. This rule resets them to what the browser considers the default text size.