Monday, January 28, 2019

Determining actual pixels rendered from relative settings

So I'm finally.. after maybe 17 years... getting round to looking at CSS in a bit more detail.

Sadly CSS has moved on a bit in the last 17 years... I'm going to have to go ALL OUT.

Doing it via an Udemy course - so far so good.  Just had a pretty mental lecture on how the browser finally calculates the actual "end result" pixel values; and I'm certain I'm going to need to refer to it again.


The main new point here for me, em settings are measured relative to their parent font-size, if used to specify font-size, whereas em settings are measured relative to the current font-size, if used to specify lengths.

em - is a multiplication factor, so 2em could be 2x the parent's font size for a font-size definition.

Mind blown.

No comments:

Post a Comment