Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) 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,305 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,860 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,305 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.