How does font-size work in CSS

Could you please explain me or send me a link where is explained how does CSS property font-size work?
When you're working with relatives sizes in %. It's the percent of what? What are best practices etc.

thank you