Ugh font-size! There are so many things in CSS that I am dying to master. This one is font-size. If you use Dreamweaver there is a CSS options panel and it is very clever and helpful but sometimes too many choices are as good as none. When you type font-size there is list as long as your arm with choices!<\/p>\n\n\n\n I have sort of stuck with px because I understand it. PX is absolute and not scalable. PX is predictable and doesn’t change, ever. It might also be a good starting point, but what is the starting point? I think I am missing out on some styling tricks that would really help simplify things if I understood more about how they work and their relationships. I really need to dive in and start trying. <\/p>\n\n\n\n I found this little gem on Confused About REM and\u00a0EM?<\/a> short and sweet and simple or too simple?<\/p>\n\n\n\n While However things just get complicated and there are some very good reasons to really understand each one of these and when to use them. <\/p>\n\n\n\n This is another good article with very good descriptions CSS Font Sizing: Pixels vs Em vs Rem vs Percent vs Viewport Units<\/a><\/strong> Scroll down and you will find great definitions and explanations that are fairly easy to understand. <\/p>\n\n\n\n![\"\"](\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-20-at-2.24.29-PM-541x1024.png\"){kind=spacer}
<\/figure>\n<\/figure>\n\n\n\nem<\/code> is relative to the font-size of its direct or nearest parent (sort of), rem<\/code> is only relative to the html (root) font-size. Try this: Use px at the Root, use rem for components and use em for text elements<\/strong>. Does this overly simplify?<\/p>\n\n\n\n