<?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>AtomicPages Blog &#187; CSS Basics</title>
	<atom:link href="http://www.atomicpages.net/blog/category/css/css_basics/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.atomicpages.net/blog</link>
	<description>Web Hosting, Design, and Development</description>
	<lastBuildDate>Sat, 04 Feb 2012 01:38:33 +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>Basics of CSS Revisited</title>
		<link>http://www.atomicpages.net/blog/2010/11/29/basics-of-css-revisited/</link>
		<comments>http://www.atomicpages.net/blog/2010/11/29/basics-of-css-revisited/#comments</comments>
		<pubDate>Mon, 29 Nov 2010 16:00:15 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Basics]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=3751</guid>
		<description><![CDATA[After awhile of going back and re-reading the previous CSS tutorials, I realized there was some flaws here and there and some things that should have been covered earlier but were not. So we&#8217;re going to start anew with a whole new CSS series that contains CSS2.1, CSS3 and HTML5 (including various hacks for webkit-based <a href="http://www.atomicpages.net/blog/2010/11/29/basics-of-css-revisited/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/11/29/basics-of-css-revisited/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basics of CSS &#8211; Part #10</title>
		<link>http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/</link>
		<comments>http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 17:00:00 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=1694</guid>
		<description><![CDATA[Today we&#8217;re going to talk about tables and how they can look significantly better when we add a little bit of CSS to them. If you need a quick refresher on tables, please click here.
Styling Tables
As mentioned above, styling tables is very useful and can instantly make a webpage come to life. The HTML default <a href="http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Layout</title>
		<link>http://www.atomicpages.net/blog/2010/04/16/website-layout/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/16/website-layout/#comments</comments>
		<pubDate>Fri, 16 Apr 2010 17:00:32 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML/XHTML Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2424</guid>
		<description><![CDATA[What is generally accept as a &#8220;good website layout&#8221;? A subject of debate, however, a good layout will have a clearly defined header area, sidebar (optional), content area, and footer area. It can look like the following:

The sidebar can be neglected, on the left side, the right side, or on both sides. The fact still <a href="http://www.atomicpages.net/blog/2010/04/16/website-layout/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/16/website-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basics of CSS Part – #9</title>
		<link>http://www.atomicpages.net/blog/2010/02/03/basics-of-css-part-9/</link>
		<comments>http://www.atomicpages.net/blog/2010/02/03/basics-of-css-part-9/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 18:25:10 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=1510</guid>
		<description><![CDATA[Today we&#8217;re going to talk about list styles. Lists are a vital commodity to web site creation. Most side-navigation menus and inline menus are actually lists that are simply listing the things we want them to. From there, we can add styles to these lists and manipulate them however we please.
Lists
In HTML there are two <a href="http://www.atomicpages.net/blog/2010/02/03/basics-of-css-part-9/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/02/03/basics-of-css-part-9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basics of CSS Part &#8211; #8</title>
		<link>http://www.atomicpages.net/blog/2009/11/23/basics-of-css-part-8/</link>
		<comments>http://www.atomicpages.net/blog/2009/11/23/basics-of-css-part-8/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 18:00:16 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://atomicpages.net/blog/?p=818</guid>
		<description><![CDATA[Padding defines the space between the element border and element content and will be the same color as the background color of the element...]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2009/11/23/basics-of-css-part-8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basics of CSS &#8211; Part #7</title>
		<link>http://www.atomicpages.net/blog/2009/11/16/basics-of-css-part-7/</link>
		<comments>http://www.atomicpages.net/blog/2009/11/16/basics-of-css-part-7/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 03:15:35 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://atomicpages.net/blog/?p=700</guid>
		<description><![CDATA[Today we&#8217;re going to continue our adventure about the box model. We covered the box model and the margin property but we still need to cover padding and border properties!
If we recall that margin > border &#62; padding &#62; content&#8230; Margins are always invisible, Borders can be any color we&#8217;d like them to be, and <a href="http://www.atomicpages.net/blog/2009/11/16/basics-of-css-part-7/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2009/11/16/basics-of-css-part-7/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Basics of CSS &#8211; Part #6</title>
		<link>http://www.atomicpages.net/blog/2009/11/14/basics-of-css-part-6/</link>
		<comments>http://www.atomicpages.net/blog/2009/11/14/basics-of-css-part-6/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 19:18:48 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://atomicpages.net/blog/?p=684</guid>
		<description><![CDATA[Today we&#8217;re going to talk about the margin property in CSS! You should familiarize yourself with the box model if you aren&#8217;t already.
Margin Property
As we see in the box model, the margins are always transparent and always surround the padding which surrounds the border which surrounds the content &#8212; margin > border &#62; padding &#62; <a href="http://www.atomicpages.net/blog/2009/11/14/basics-of-css-part-6/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2009/11/14/basics-of-css-part-6/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Basics of CSS &#8211; Part #5</title>
		<link>http://www.atomicpages.net/blog/2009/11/06/basics-of-css-part-5/</link>
		<comments>http://www.atomicpages.net/blog/2009/11/06/basics-of-css-part-5/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 17:00:13 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://atomicpages.net/blog/?p=595</guid>
		<description><![CDATA[So the Basics of CSS saga continues! In this basics tutorial, we&#8217;re going to talk about the very interesting box model! 
The Box Model
All HTML elements can be considered to have an invisible box around them (assuming you have no borders or padding). Consider the following:

1
2
3

&#60;p style=&#34;background-color:green; color:#fff;&#34;&#62;Some text here&#60;/p&#62;
&#60;p style=&#34;color:#fff;&#34;&#62;Some more text here&#60;/p&#62;

Let&#8217;s try <a href="http://www.atomicpages.net/blog/2009/11/06/basics-of-css-part-5/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2009/11/06/basics-of-css-part-5/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>ID v. Class</title>
		<link>http://www.atomicpages.net/blog/2009/11/02/id-class/</link>
		<comments>http://www.atomicpages.net/blog/2009/11/02/id-class/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 20:20:20 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://atomicpages.net/blog/?p=580</guid>
		<description><![CDATA[As covered in the Basics of CS Tutorials, there are two main references ways we can essentially &#8220;link&#8221; a particular style to an HTML document, and PHP document, ASP, etc&#8230; They all operate in the same general fashion. 
ID Selector
ID is called the &#8220;unique identifier element&#8221; and it is used to define a special case <a href="http://www.atomicpages.net/blog/2009/11/02/id-class/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2009/11/02/id-class/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>All about Inline CSS</title>
		<link>http://www.atomicpages.net/blog/2009/10/30/all-about-inline-css/</link>
		<comments>http://www.atomicpages.net/blog/2009/10/30/all-about-inline-css/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 17:00:04 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://atomicpages.net/blog/?p=535</guid>
		<description><![CDATA[I feel like we&#8217;ve been neglecting Inline CSS&#8230; We&#8217;ve talked about classes and id&#8217;s and all sorts of good stuff but we&#8217;ve left good old Inline CSS out of the equation! So we&#8217;re going to talk all about Inline CSS today!
So as we covered in the Basics of CSS there are three different types of <a href="http://www.atomicpages.net/blog/2009/10/30/all-about-inline-css/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2009/10/30/all-about-inline-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

