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.
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.
Comments
Post a Comment