<?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>IfYouCodeItTheyWill.com &#187; CSS for Beginners</title>
	<atom:link href="http://ifyoucodeittheywill.com/category/intro/getting-started-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://ifyoucodeittheywill.com</link>
	<description>xHTML and CSS made simple.</description>
	<lastBuildDate>Thu, 19 May 2011 16:40:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>A More Coherent Design, Part 2</title>
		<link>http://ifyoucodeittheywill.com/2009/04/coherent-design-part-2/</link>
		<comments>http://ifyoucodeittheywill.com/2009/04/coherent-design-part-2/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 14:05:32 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[Getting Started with xHTML and CSS]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=603</guid>
		<description><![CDATA[In the last post, we changed a few colors and added some padding on our practice page, to make it look a little nicer. Now, we&#8217;re going to add padding to the main content area. If you look at the CSS for #header, you&#8217;ll see that no width was defined for it. For this reason, [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/04/coherent-design-part-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A More Coherent Design</title>
		<link>http://ifyoucodeittheywill.com/2009/04/coherent-design/</link>
		<comments>http://ifyoucodeittheywill.com/2009/04/coherent-design/#comments</comments>
		<pubDate>Sat, 04 Apr 2009 16:12:53 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[Getting Started with xHTML and CSS]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=592</guid>
		<description><![CDATA[Aside from some nifty links in the sidebar, our practice page is still looking pretty drab at this point. Well, let&#8217;s finally start making it look a bit nicer, shall we? You should know the drill by now, but in case you don&#8217;t, open practice1.htm in a browser, and style.css in Crimson Editor. As always, [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/04/coherent-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More on floats</title>
		<link>http://ifyoucodeittheywill.com/2009/03/more-on-floats/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/more-on-floats/#comments</comments>
		<pubDate>Wed, 01 Apr 2009 01:04:03 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[Getting Started with xHTML and CSS]]></category>
		<category><![CDATA[CSS floats]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=551</guid>
		<description><![CDATA[Open practice1.htm in your browser (either one, doesn&#8217;t matter right now), and open style.css in Crimson Editor. Right now, #content is floated to the left and #links (the sidebar) is floated to the right. What I want you to do now is switch those two around so that the sidebar is on the left and [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/more-on-floats/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS Link Hover Effects (aka Rollovers)</title>
		<link>http://ifyoucodeittheywill.com/2009/03/css-link-hover-effects-aka-rollovers/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/css-link-hover-effects-aka-rollovers/#comments</comments>
		<pubDate>Thu, 26 Mar 2009 02:37:13 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[rollover]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=504</guid>
		<description><![CDATA[You thought this next tutorial was going to deal with lists, didn&#8217;t you? Well, what we really did at the end of that last tutorial on styling lists was style the links within that list, which really has nothing to do with the list itself. In this tutorial, I&#8217;ll explain how that worked, and then [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/css-link-hover-effects-aka-rollovers/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>More on Styling Lists</title>
		<link>http://ifyoucodeittheywill.com/2009/03/more-on-styling-lists/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/more-on-styling-lists/#comments</comments>
		<pubDate>Sun, 22 Mar 2009 03:00:34 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[lists]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=474</guid>
		<description><![CDATA[In the previous page of these tutorials, you learned how to account for browser differences when styling lists. Soon, you&#8217;ll be able to get more creative when styling lists. For this, you&#8217;ll need practice1.htm open in both Firefox and Internet Explorer, and style.css open in Crimson Editor. list-style-type for Unordered Lists The default for this [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/more-on-styling-lists/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating Lists in xHTML and styling them with CSS</title>
		<link>http://ifyoucodeittheywill.com/2009/03/xhtml-and-css-of-lists/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/xhtml-and-css-of-lists/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 19:35:09 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[xHTML for Beginners]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[lists]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=465</guid>
		<description><![CDATA[Lists can be tricky, due to the different ways the different browsers will display them by default.]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/xhtml-and-css-of-lists/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS for Layout: Clearing floats</title>
		<link>http://ifyoucodeittheywill.com/2009/03/css-for-layout-clearing-floats/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/css-for-layout-clearing-floats/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 23:21:19 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[clearing floats]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=445</guid>
		<description><![CDATA[In part 1 of CSS for layout, you learned how to surround each section of your page with a &#60;div&#62;, giving each division its own ID, and then you learned how to style each section by targeting its ID. In part 2, you learned how to &#8220;float&#8221; one division, allowing the next division to sit [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/css-for-layout-clearing-floats/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS for Layout &#8211; Part 2</title>
		<link>http://ifyoucodeittheywill.com/2009/03/css-for-layout-part-2/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/css-for-layout-part-2/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 02:07:10 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=440</guid>
		<description><![CDATA[Continuing from part 1 of CSS for Layout&#8230; Check for browser differences Open practice1.htm in IE, if it&#8217;s not already. While that&#8217;s open, also open it in Firefox (right-click on file and choose &#8220;open with&#8221;). Now look at all those page headings. You may notice that they are all larger in one browser than they [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/css-for-layout-part-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS for Layout &#8211; Part 1</title>
		<link>http://ifyoucodeittheywill.com/2009/03/css-for-layout-part-1/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/css-for-layout-part-1/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 03:50:44 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=411</guid>
		<description><![CDATA[Now that you know about divs and ids, let&#8217;s get into the real magic of CSS: layout. From the practice files you downloaded previously, open practice1.htm in both your browser and in Crimson Editor, and open /styles/style.css in Crimson Editor. Edit the xHTML Now, go to where you have practice1.htm open in Crimson Editor. After [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/css-for-layout-part-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Styling ids with CSS</title>
		<link>http://ifyoucodeittheywill.com/2009/03/styling-ids-with-css/</link>
		<comments>http://ifyoucodeittheywill.com/2009/03/styling-ids-with-css/#comments</comments>
		<pubDate>Sun, 15 Mar 2009 02:44:23 +0000</pubDate>
		<dc:creator>Lesa</dc:creator>
				<category><![CDATA[CSS for Beginners]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[styling ids]]></category>

		<guid isPermaLink="false">http://ifyoucodeittheywill.com/?p=380</guid>
		<description><![CDATA[Previously, you learned how to style xHTML tags with CSS. To define &#60;body&#62;, you used: body { ...define those attributes here... } Later, you learned how to style classes by placing a dot in front of the class name: xHTML: &#60;div class=&#34;classname&#34;&#62; CSS: .classname { ...define those attributes here... } Now, I will show you [...]]]></description>
		<wfw:commentRss>http://ifyoucodeittheywill.com/2009/03/styling-ids-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

