<?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</title>
	<atom:link href="http://www.atomicpages.net/blog/category/css/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>CSS Attribute Selectors</title>
		<link>http://www.atomicpages.net/blog/2010/08/16/css-attribute-selectors/</link>
		<comments>http://www.atomicpages.net/blog/2010/08/16/css-attribute-selectors/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 20:04:08 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Advanced]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=3554</guid>
		<description><![CDATA[CSS Attribute selectors are used to select specific attributes in HTML. For example,

1
2
3
4
5
6
7

&#60;body&#62;
     &#60;h2 class=&#34;title&#34;&#62;Welcome!&#60;/h2&#62;
     &#60;p class=&#34;foo&#34; rel=&#34;newText&#34;&#62;Some text here&#60;/p&#62;
&#60;/body&#62;

We have two class attributes and on rel attribute labeled, &#8220;newText&#8221;. We could use the attribute selector like the following:

1
2
3
4
5
6
7
8
9
10
11
12

.title {font-size:2em;}
.foo {color:#ccc;}

p[rel=newText] { /*attribute selector*/
    <a href="http://www.atomicpages.net/blog/2010/08/16/css-attribute-selectors/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/08/16/css-attribute-selectors/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>Real Hosting</title>
		<link>http://www.atomicpages.net/blog/2010/06/11/real-hosting/</link>
		<comments>http://www.atomicpages.net/blog/2010/06/11/real-hosting/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 17:00:46 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[Adobe Flash Basics]]></category>
		<category><![CDATA[BB Code]]></category>
		<category><![CDATA[cPanel]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[MMF2 Beginning Videos Series]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tech Tips]]></category>
		<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[Webmaster Tips]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=3162</guid>
		<description><![CDATA[Real hosting is something much more than what meets the eye. It is more than a place to merely store files and have a space on the Internet. It&#8217;s more than just unlimited this and unlimited that; it involves real space, real deals, real support, and real guarantees.
What you REALLY pay for
Ever heard of the <a href="http://www.atomicpages.net/blog/2010/06/11/real-hosting/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/06/11/real-hosting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Opacity</title>
		<link>http://www.atomicpages.net/blog/2010/05/04/css3-opacity/</link>
		<comments>http://www.atomicpages.net/blog/2010/05/04/css3-opacity/#comments</comments>
		<pubDate>Tue, 04 May 2010 17:00:33 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2671</guid>
		<description><![CDATA[The Opacity Property is slightly different then RGBA and HSLA which was discussed in CSS3 Colors.
Opacity v. RGBA &#038; HSLA
Indeed RGBA has the addition of the &#8220;alpha&#8221; or opacity value like so:

1
2
3

background-color:rgba(127, 60, 87, 0.4);
background-color:hsla(68, 100%, 50%, 0.8);

Either of these examples will have a color that is opaque in some fashion. Consider the following:






If you&#8217;re <a href="http://www.atomicpages.net/blog/2010/05/04/css3-opacity/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/05/04/css3-opacity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Colors</title>
		<link>http://www.atomicpages.net/blog/2010/04/28/css3-colors/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/28/css3-colors/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 17:00:06 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2573</guid>
		<description><![CDATA[You might be wondering what is so special about CSS3 colors and why they&#8217;re even different considering that the color and background-color property and their values have not changed since CSS1 specification were released.
As set by CSS1 we can use the following for the color and background-color properties:


Color
Background-color




color:[colorname];
color:rgb([value 1],[value 2],[value 3])
color:#[hex value]




background-color:[colorname];
background-color:rgb([value 1],[value 2],[value 3])
background-color:#[hex <a href="http://www.atomicpages.net/blog/2010/04/28/css3-colors/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/28/css3-colors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Text Effects</title>
		<link>http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 17:00:19 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2518</guid>
		<description><![CDATA[Today we&#8217;re going to talk about text effects and how they make a website become eye candy. If you, for example, visit atomicpages.net under the website management, website setup, and latest blog posts you will notice a slightly darker shadow right below the text. This is a text effect that makes a website less boring <a href="http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/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>Creating an Inline Menu</title>
		<link>http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 17:00:08 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Advanced]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML/XHTML Advanced]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2355</guid>
		<description><![CDATA[Creating an inline menu should seem pretty straight forward, right? You think we could just create an unordered list and that would be the end of the story. Unfortunately, if we create an unordered list we&#8217;ll quickly see that these lists types merely list item one on top of the other.

Item 1
Item 2
Item 3

This is <a href="http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introduction to CSS3</title>
		<link>http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 17:00:02 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2015</guid>
		<description><![CDATA[As you probably know, CSS stands for Cascading Style Sheet and it used in place of HTML frames, and HTML tables. CSS was created to make web site creation easier and more pragmatic. If you have an external style sheet linked on all pages of your website, this will allow you to make changes all <a href="http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

