<?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>SiteComment &#187; 网络技术</title>
	<atom:link href="http://sitecomment.net/category/network-technology/feed/" rel="self" type="application/rss+xml" />
	<link>http://sitecomment.net</link>
	<description>Thinking、Recording &#38; Creating</description>
	<lastBuildDate>Mon, 26 Jul 2010 02:58:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>第三个CSS实例</title>
		<link>http://sitecomment.net/the-third-instance-of-css/</link>
		<comments>http://sitecomment.net/the-third-instance-of-css/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 08:50:03 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络技术]]></category>

		<guid isPermaLink="false">http://sitecomment.net/the-third-instance-of-css/</guid>
		<description><![CDATA[

首页

栏目页

文章内容页
源码
]]></description>
			<content:encoded><![CDATA[<p align="center">
<p align="center"><a href="http://www.sitecomment.net/wp-content/uploads/2010/03/home.jpg" class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="home" src="http://www.sitecomment.net/wp-content/uploads/2010/03/home_thumb.jpg" border="0" alt="home" width="244" height="183" /></a></p>
<p align="center"><a href="http://www.sitecomment.net/files/Chapter_3_practise/home.html" target="_blank">首页</a></p>
<p align="center"><a href="http://www.sitecomment.net/wp-content/uploads/2010/03/list.jpg" class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="list" src="http://www.sitecomment.net/wp-content/uploads/2010/03/list_thumb.jpg" border="0" alt="list" width="244" height="185" /></a></p>
<p align="center"><a href="http://www.sitecomment.net/files/Chapter_3_practise/list.html" target="_blank">栏目页</a></p>
<p align="center"><a href="http://www.sitecomment.net/wp-content/uploads/2010/03/content.jpg" class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="content" src="http://www.sitecomment.net/wp-content/uploads/2010/03/content_thumb.jpg" border="0" alt="content" width="244" height="228" /></a></p>
<p align="center"><a href="http://www.sitecomment.net/files/Chapter_3_practise/content.html" target="_blank">文章内容页</a></p>
<p align="center"><a href="https://dl.dropbox.com/u/3828589/%E4%B8%8B%E8%BD%BD%E8%B5%84%E6%BA%90/Chapter_3_practise.rar" target="_blank">源码</a></p>
]]></content:encoded>
			<wfw:commentRss>http://sitecomment.net/the-third-instance-of-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>第二个CSS实例</title>
		<link>http://sitecomment.net/the-second-css-example/</link>
		<comments>http://sitecomment.net/the-second-css-example/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 03:54:06 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络技术]]></category>

		<guid isPermaLink="false">http://sitecomment.net/the-second-css-example/</guid>
		<description><![CDATA[
图一

图二
在不改变xhtml代码的情况下，只要在（图一）的基础上修改CSS代码就可以实现（图二）的显示效果。源代码在这里。
]]></description>
			<content:encoded><![CDATA[<p><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" title="css_2_home_1" src="http://www.sitecomment.net/wp-content/uploads/2010/03/css_2_home_1_thumb.jpg" border="0" alt="css_2_home_1" width="302" height="318" /></p>
<p align="center">图一</p>
<p align="center"><a href="http://www.sitecomment.net/wp-content/uploads/2010/03/css_2_home_2.jpg" class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="css_2_home_2" src="http://www.sitecomment.net/wp-content/uploads/2010/03/css_2_home_2_thumb.jpg" border="0" alt="css_2_home_2" width="313" height="316" /></a></p>
<p align="center">图二</p>
<p>在不改变xhtml代码的情况下，只要在（图一）的基础上修改CSS代码就可以实现（图二）的显示效果。源代码在<a href="https://dl.dropbox.com/u/3828589/%E4%B8%8B%E8%BD%BD%E8%B5%84%E6%BA%90/Chapter_2_practise.rar" target="_blank">这里</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://sitecomment.net/the-second-css-example/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS第一个实例</title>
		<link>http://sitecomment.net/css-the-first-instance-of/</link>
		<comments>http://sitecomment.net/css-the-first-instance-of/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 16:15:13 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络技术]]></category>

		<guid isPermaLink="false">http://sitecomment.net/css-the-first-instance-of/</guid>
		<description><![CDATA[这段时间在学CSS，根据《变幻之美》完成了第一个实例，虽然简单，但基本了解了CSS布局的大体概念，实例里分首页和内容页，如下图所示：


实例源文件在这里，初学CSS的朋友可以下载下来研究。
]]></description>
			<content:encoded><![CDATA[<p>这段时间在学CSS，根据《变幻之美》完成了第一个实例，虽然简单，但基本了解了CSS布局的大体概念，实例里分首页和内容页，如下图所示：</p>
<p><a href="http://www.sitecomment.net/wp-content/uploads/2010/03/css_1_show.jpg" class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" title="css_1_show" src="http://www.sitecomment.net/wp-content/uploads/2010/03/css_1_show_thumb.jpg" border="0" alt="css_1_show" width="357" height="391" /></a></p>
<p><a href="http://www.sitecomment.net/wp-content/uploads/2010/03/css_1_home.jpg" class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" title="css_1_home" src="http://www.sitecomment.net/wp-content/uploads/2010/03/css_1_home_thumb.jpg" border="0" alt="css_1_home" width="355" height="356" /></a></p>
<p align="center">实例源文件在<a href="https://dl.dropbox.com/u/3828589/%E4%B8%8B%E8%BD%BD%E8%B5%84%E6%BA%90/Chapter_1_practise.rar" target="_blank">这里</a>，初学CSS的朋友可以下载下来研究。</p>
]]></content:encoded>
			<wfw:commentRss>http://sitecomment.net/css-the-first-instance-of/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>城墙的原理</title>
		<link>http://sitecomment.net/the-principle-of-the-walls/</link>
		<comments>http://sitecomment.net/the-principle-of-the-walls/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 08:38:46 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络技术]]></category>

		<guid isPermaLink="false">http://sitecomment.net/?p=696</guid>
		<description><![CDATA[这篇文章介绍得很详尽，点这里查看！有兴趣的朋友可以看看。。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sitecomment.net/wp-content/uploads/2009/12/great_firewall.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="aligncenter size-full wp-image-697" title="great_firewall" src="http://www.sitecomment.net/wp-content/uploads/2009/12/great_firewall.jpg" alt="great_firewall" width="450" height="544" /></a>这篇文章介绍得很详尽，点<a href="http://course.ccert.edu.cn/wiki/index.php/Talk:Group8" target="_blank">这里</a>查看！有兴趣的朋友可以看看。。</p>
]]></content:encoded>
			<wfw:commentRss>http://sitecomment.net/the-principle-of-the-walls/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>计算一下这个CSS几何图</title>
		<link>http://sitecomment.net/calculate-the-geometry-of-this-css/</link>
		<comments>http://sitecomment.net/calculate-the-geometry-of-this-css/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 01:04:29 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络技术]]></category>

		<guid isPermaLink="false">http://sitecomment.net/calculate-the-geometry-of-this-css/</guid>
		<description><![CDATA[在看书时看见这个图，如果能够把各字母的像素算出来，基本上就把标准流中盒子排列方式弄清楚了。。。

]]></description>
			<content:encoded><![CDATA[<p>在看书时看见这个图，如果能够把各字母的像素算出来，基本上就把标准流中盒子排列方式弄清楚了。。。</p>
<p><a href="http://www.sitecomment.net/wp-content/uploads/2009/11/cssstandard.jpg" class="highslide-image" onclick="return hs.expand(this);"><img title="css-standard" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="600" alt="css-standard" src="http://www.sitecomment.net/wp-content/uploads/2009/11/cssstandard_thumb.jpg" width="504" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://sitecomment.net/calculate-the-geometry-of-this-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS中的盒子模型，浮动和定位</title>
		<link>http://sitecomment.net/css-box-model-of-the-floating-and-positioning/</link>
		<comments>http://sitecomment.net/css-box-model-of-the-floating-and-positioning/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 08:30:52 +0000</pubDate>
		<dc:creator>yaoeryi</dc:creator>
				<category><![CDATA[网络技术]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://sitecomment.net/?p=467</guid>
		<description><![CDATA[对这几个概念不是很了解的可以看看这个网页的视频教程（比较通俗易懂0）：
http://learning.artech.cn/category/css-research/box-model
]]></description>
			<content:encoded><![CDATA[<p>对这几个概念不是很了解的可以看看这个网页的视频教程（比较通俗易懂0）：</p>
<p>http://learning.artech.cn/category/css-research/box-model</p>
]]></content:encoded>
			<wfw:commentRss>http://sitecomment.net/css-box-model-of-the-floating-and-positioning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
