CSS CSS Basics Understanding Values and Units Pixel Units

Christopher Mlalazi
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Christopher Mlalazi
Front End Web Development Techdegree Graduate 17,301 Points

Measurement conversion table

This might be useful. It's a table that converts font measurements, points, pixels, em etc. I found it helpful in making me visualise the size of pixels and ems in comparison to the Word Perfect font points. http://reeddesign.co.uk/test/points-pixels.html

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,089 Points

Hey Christopher. Welcome to Treehouse.

Thanks for the link.

Just a quick note to be careful with that. It will work fine, if you are always using the body as the parent element (which has the default of 16px font-size). But if you are using the ems, rems, or percents on children whose parent font-size has been changed, is different by default, or if your change the default body size, those conversion numbers are no longer right or valid.

So, it can be useful, just be careful with other default sizes.

Keep Coding! :)

Christopher Mlalazi
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Christopher Mlalazi
Front End Web Development Techdegree Graduate 17,301 Points

Hi Jason. To be honest i was having a hard task trying to visualize pixels and ems in comparison to centimeters and the Word Perfect point font size which I am familiar with and on searching online I stumbled on this conversion table which I nought pretty much came close to what I wanted although I am not an expert on its accuracy or lack of. Thanks for the tip, I will certainly be careful with that as a beginner.