<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MaggsWeb:7 &#187; ems</title>
	<atom:link href="http://www.maggsweb.com/tag/ems/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.maggsweb.com</link>
	<description>www.maggsweb.com</description>
	<lastBuildDate>Sat, 21 Aug 2010 20:50:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>CSS &amp; an easy introduction to EM&#8217;s</title>
		<link>http://www.maggsweb.com/css/css-where-to-start/</link>
		<comments>http://www.maggsweb.com/css/css-where-to-start/#comments</comments>
		<pubDate>Thu, 18 Oct 2007 10:26:27 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[ems]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.cmaggs.co.uk/?p=27</guid>
		<description><![CDATA[CSS makes repetitive tagging easier, so start out with something simple that will save time &#8211; Formatting Text &#8211; but do it properly and use ‘ems’. ?View Code CSSbody &#123; font-size:62.5%&#125; /* Reduce DEFAULT font size */ h1 &#123;font-size:2em;&#125; /* font displayed at 24px */ h2 &#123;font-size:1.5em;&#125; /* font displayed at 18px */ h3 &#123;font-size:1.25em;&#125; [...]]]></description>
			<content:encoded><![CDATA[<p>CSS makes repetitive tagging easier, so start out with something simple that will save time &#8211; Formatting Text &#8211;  but do it properly and use ‘ems’.<br />
<span id="more-27"></span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?" onclick="pageTracker._trackPageview('/outgoing/www.ericbess.com/ericblog/2008/03/03/wp-codebox/_examples?referer=');"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p27code2'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p272"><td class="code" id="p27code2"><pre class="css" style="font-family:monospace;">body <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">62.5%</span><span style="color: #00AA00;">&#125;</span>     <span style="color: #808080; font-style: italic;">/* Reduce DEFAULT font size */</span>
h1 <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">2em</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>           <span style="color: #808080; font-style: italic;">/* font displayed at 24px */</span>
h2 <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">1.5em</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>         <span style="color: #808080; font-style: italic;">/* font displayed at 18px */</span>
h3 <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">1.25em</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>       <span style="color: #808080; font-style: italic;">/* font displayed at 15px */</span>
h4 <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">1em</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>           <span style="color: #808080; font-style: italic;">/* font displayed at 12px */</span>
p<span style="color: #00AA00;">,</span> a<span style="color: #00AA00;">,</span> li<span style="color: #00AA00;">,</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">1em</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>     <span style="color: #808080; font-style: italic;">/* font displayed at 12px */</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.maggsweb.com/css/css-where-to-start/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
