Scarf*oo » quick tip http://scarfoo.com Comfy Web Development With Standards in Mind Wed, 21 Dec 2011 19:07:54 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Quick Tip #1 – Tame those ems http://scarfoo.com/archives/130 http://scarfoo.com/archives/130#comments Wed, 21 Jan 2009 10:46:18 +0000 Damjan Mozetič http://scarfoo.com/?p=130 If you are into em-based layouts, you probably want more precision when translating your photoshop designs into pixel-perfect HTML and CSS creations. Simply setting the font-size in your body element to 62.5%, will make sure that from now on, you can rely on the rule of 1em = 10 pixels. 

body {
	font-size: 62.5%; /* 1em = 10px */
}

Note: Careful if you modify the font-size on a container element – that will break the 10px rule on all the contained elements!

]]> http://scarfoo.com/archives/130/feed 4