<?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>Imagination &#187; wordpress</title>
	<atom:link href="http://danyifeng.com/category/informatics/web/wp/feed/" rel="self" type="application/rss+xml" />
	<link>http://danyifeng.com</link>
	<description>Logic will get you from A to B. Imagination will take you everywhere.</description>
	<lastBuildDate>Sun, 01 Jan 2012 05:27:27 +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>水&#124;多梦 浮躁 自由</title>
		<link>http://danyifeng.com/2009/05/08/%e6%b0%b4%e5%a4%9a%e6%a2%a6-%e6%b5%ae%e8%ba%81-%e8%87%aa%e7%94%b1/</link>
		<comments>http://danyifeng.com/2009/05/08/%e6%b0%b4%e5%a4%9a%e6%a2%a6-%e6%b5%ae%e8%ba%81-%e8%87%aa%e7%94%b1/#comments</comments>
		<pubDate>Sat, 09 May 2009 01:27:26 +0000</pubDate>
		<dc:creator>小单</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[水]]></category>
		<category><![CDATA[无地自容]]></category>
		<category><![CDATA[梦想]]></category>
		<category><![CDATA[浮躁]]></category>
		<category><![CDATA[自由]]></category>

		<guid isPermaLink="false">http://danyifeng.com/?p=10566</guid>
		<description><![CDATA[最近很多梦 梦里有奇奇怪怪的事情 好的不好的 每日被问 几时归 问久了 便也强烈的思恋了 看初中的那帮老友 计划着 毕业十年聚会 看着他们招募会员 一起吃喝一起玩乐一起旅行 满心羡慕 十年唏嘘 转瞬间 5月的爱丁堡 大风 大太阳 寒冷 轮滑鞋静静的躺在办公室里好久好久 速写本的第一页 画了擦擦了画 小说的构思只写了一张mindmap 一个冲动的早晨突然想学鼓 想念家里的钢琴 便开始急躁的想回家 想去实现好多许久了的梦想 吉他在练习了几天以后 因为手太小 荒废了 记得以前去西藏的时候也带着鼓槌 列了一张长长的单子 想要买的想要去做的事情 并一定要固执的去完成 人心却是浮躁 静不下来 总是三分钟的热度 那些down下来说要看的书 看了一半也就放下了 经常想象自己漂泊在大海上 没有束缚 蓝色的海 蓝色的天 经常想象自己躺在在大片的向日葵地里 向他们一样 面向太阳 看 into the wild 的时候 我们在一样的年纪 他过着我想过的生活 一直心酸的看完整部片子 真实的就像我自己的梦 ]]></description>
			<content:encoded><![CDATA[<p>最近很多梦 梦里有奇奇怪怪的事情 好的不好的<br />
每日被问 几时归 问久了 便也强烈的思恋了<br />
看初中的那帮老友 计划着 毕业十年聚会<br />
看着他们招募会员 一起吃喝一起玩乐一起旅行<br />
满心羡慕 十年唏嘘 转瞬间</p>
<p>5月的爱丁堡 大风 大太阳 寒冷<br />
轮滑鞋静静的躺在办公室里好久好久<br />
速写本的第一页 画了擦擦了画<br />
小说的构思只写了一张mindmap</p>
<p>一个冲动的早晨突然想学鼓 想念家里的钢琴<br />
便开始急躁的想回家 想去实现好多许久了的梦想<br />
吉他在练习了几天以后 因为手太小 荒废了<br />
记得以前去西藏的时候也带着鼓槌</p>
<p>列了一张长长的单子 想要买的想要去做的事情 并一定要固执的去完成<br />
人心却是浮躁 静不下来 总是三分钟的热度<br />
那些down下来说要看的书 看了一半也就放下了</p>
<p>经常想象自己漂泊在大海上 没有束缚 蓝色的海 蓝色的天<br />
经常想象自己躺在在大片的向日葵地里 向他们一样 面向太阳</p>
<p>看 into the wild 的时候  我们在一样的年纪 他过着我想过的生活<br />
一直心酸的看完整部片子 真实的就像我自己的梦</p>
<p>从来都没有此刻这般 渴望自由跟内心的平静  赐予我力量吧</p>
<p>最近一直在听的歌 黑豹 无地自容 不必过分多说 更不必难过</p>
<p><object width="425" height="344" data="http://www.youtube.com/v/Uixlg29I8nI&amp;hl=zh_CN&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Uixlg29I8nI&amp;hl=zh_CN&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" /><param name="allowfullscreen" value="true" /></object></p>
n462]]></content:encoded>
			<wfw:commentRss>http://danyifeng.com/2009/05/08/%e6%b0%b4%e5%a4%9a%e6%a2%a6-%e6%b5%ae%e8%ba%81-%e8%87%aa%e7%94%b1/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>css&#124;概要与标准简介</title>
		<link>http://danyifeng.com/2009/03/17/css%e6%a6%82%e8%a6%81%e4%b8%8e%e6%a0%87%e5%87%86%e7%ae%80%e4%bb%8b/</link>
		<comments>http://danyifeng.com/2009/03/17/css%e6%a6%82%e8%a6%81%e4%b8%8e%e6%a0%87%e5%87%86%e7%ae%80%e4%bb%8b/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 15:15:34 +0000</pubDate>
		<dc:creator>小单</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[latex]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://danyifeng.com/?p=10520</guid>
		<description><![CDATA[CSS 指层叠样式表 (Cascading Style Sheets)， 实现了内容与表现分， 极大的提高了实现效率， 并支持多层重叠。 重叠的优先级（由高到低）是 内联样式（在 HTML 元素内部），内部样式表（位于 &#60;head&#62; 标签内部），外部样式表， 浏览器缺省设置。 Index 索引 索引是更好的帮助我们或者他人来了解网站 还有你css的内容。 基本格式如下 Anchors 锚点 锚点就像css种的书签， 因为css种没有锚点系统。 所以我们可以用下面的方式来定义锚点 Classitis 重定义 重定义用于从新定义某个class里面的元素的style Naming Convention 命名规则 尽量给出准确清晰的名字， 避免混淆， 为了更好的理解 css的内容。 Shorthand 速写 尽量保持代码简洁短小 Sprites 把所有的背景图（不同的action时候的变化， 比如hover）放在一个图片中，在点击的时候只是位置的变化， 这样就可以减少对http的请求次数。 Specificity 明确性 Resets 重置 全局属性重置确保一个网站在所有浏览器中显示几乎一样。在每一个案例中，不同的浏览器给所有网站使用它们自己的默认样式设置集，这将使我们的网站在不同的浏览器中显示不一样。全局属性重置将改正这种情况并让你从绝对一致的基础开始建立网站。 总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset 或者你自己编写的重置代码，只要使用就对了。 它能很简单的移除所有元素的填充（padding）和边距（margin）： html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, ]]></description>
			<content:encoded><![CDATA[<p>CSS 指层叠样式表 (<em>C</em>ascading <em>S</em>tyle <em>S</em>heets)， 实现了内容与表现分， 极大的提高了实现效率， 并支持多层重叠。 重叠的优先级（由高到低）是 内联样式（在 HTML 元素内部），内部样式表（位于 &lt;head&gt; 标签内部），外部样式表， 浏览器缺省设置。</p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Index 索引</span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 20px;">索引是更好的帮助我们或者他人来了解网站 还有你css的内容。 基本格式如下</span></span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span></p>
<div class="wp-caption aligncenter" style="width: 526px"><img title="Index" src="http://www.dezinerfolio.com/system/files/articles/index.gif" alt="Index of css" width="516" height="363" /><p class="wp-caption-text">Index of css</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Anchors 锚点</span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 20px;">锚点就像css种的书签， 因为css种没有锚点系统。 所以我们可以用下面的方式来定义锚点</span></span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span></p>
<div class="wp-caption aligncenter" style="width: 526px"><img title="anchors" src="http://www.dezinerfolio.com/system/files/articles/anchor.gif" alt="anchors definition" width="516" height="469" /><p class="wp-caption-text">anchors definition</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Classitis 重定义</span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;"><span style="color: #888888;">重定义用于从新定义某个class里面的元素的style</span><br />
</span></span></p>
<div class="wp-caption aligncenter" style="width: 525px"><img title="classitis" src="http://www.dezinerfolio.com/system/files/articles/classitis.gif" alt="classitis" width="515" height="421" /><p class="wp-caption-text">classitis</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Naming Convention 命名规则</span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 20px;">尽量给出准确清晰的名字， 避免混淆， 为了更好的理解 css的内容。</span></span></span></p>
<p style="text-align: center;"><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span></p>
<div class="wp-caption aligncenter" style="width: 536px"><img title="命名规则" src="http://www.dezinerfolio.com/system/files/articles/name.gif" alt="命名规则" width="526" height="93" /><p class="wp-caption-text">命名规则</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Shorthand 速写</span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 20px;">尽量保持代码简洁短小</span></span></span></p>
<p style="text-align: center;"><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span></p>
<div class="wp-caption aligncenter" style="width: 536px"><img title="保持简洁" src="http://www.dezinerfolio.com/system/files/articles/shorthand.gif" alt="保持简洁短小" width="526" height="333" /><p class="wp-caption-text">保持简洁短小</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Sprites</span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;"><span style="color: #000000;"><span style="color: #888888;">把所有的背景图（不同的action时候的变化， 比如hover）放在一个图片中，在点击的时候只是位置的变化， 这样就可以减少对http的请求次数。</span> </span></span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span></p>
<div class="wp-caption aligncenter" style="width: 560px"><img title="sprites , apple menu" src="http://www.dezinerfolio.com/system/files/articles/sprite-1.gif" alt="sprites , apple menu" width="550" height="85" /><p class="wp-caption-text">sprites , apple menu</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Specificity 明确性</span></span></p>
<p><span style="color: #000000;"></span></p>
<div class="wp-caption aligncenter" style="width: 560px"><img title="specificity" src="http://www.dezinerfolio.com/system/files/articles/specificity.gif" alt="specificity" width="550" height="129" /><p class="wp-caption-text">specificity</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;"><br />
</span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Resets 重置<br />
</span></span><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: arial; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 13px;">全局属性重置确保一个网站在所有浏览器中显示几乎一样。在每一个案例中，不同的浏览器给所有网站使用它们自己的默认样式设置集，这将使我们的网站在不同的浏览器中显示不一样。<strong>全局属性重置</strong>将改正这种情况并让你从绝对一致的基础开始建立网站。 </span></span><strong>总是要重置某些分类</strong>。无论你是使用 <a href="http://meyerweb.com/eric/tools/css/reset/index.html">Eric Meyer Reset</a>、<a href="http://developer.yahoo.com/yui/reset/">YUI Reset</a></span></p>
<p><span style="color: #888888;">或者你自己编写的重置代码，只要使用就对了。</span></p>
<p><span style="color: #888888;">它能很简单的移除所有元素的填充（padding）和边距（margin）：</span></p>
<ol>
<li><span style="color: #888888;">html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,</span></li>
<li><span style="color: #888888;"><span class="string">pre</span>, form, fieldset, table, th, td { <span class="keyword">margin</span>: 0; <span class="keyword">padding</span>: 0; }</span></li>
</ol>
<div class="wp-caption aligncenter" style="width: 533px"><img title="resets" src="http://www.dezinerfolio.com/system/files/articles/reset.gif" alt="resets" width="523" height="204" /><p class="wp-caption-text">resets</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Hacks </span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 20px;">浏览器兼容性而引发的。。为了保证不同的浏览器看起来是差不多 我们或许会用的css hacks</span></span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span></p>
<div class="wp-caption aligncenter" style="width: 526px"><img title="hacks" src="http://www.dezinerfolio.com/system/files/articles/hacks.gif" alt="hacks" width="516" height="95" /><p class="wp-caption-text">hacks</p></div>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Validation 验证</span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 13px; line-height: 20px;">The W3C Validator has been a very popular online tool that validates CSS.</span></span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #ff3300; font-family: 'Lucida Grande'; font-size: 20px;">Css 属性的书写顺序</span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 20px;">为了快速的找到我们需要的熟悉， 如果有一个很好的属性排序，就可以很快速的找到。</span></span></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 20px;">之前看到有人写按字母排序， lifesinger 在他的blog里面也提过这个问题。 这个并没有一个固定的标准 不同的人 有不同的书写习惯。lifesinger给出了他的分类方式， 个人觉得还是很容易理解跟记住的 先记下来 试试看。<br />
</span></span></span></p>
<ol>
<li><span style="color: #888888;">影响文档流的属性（比如：display, position, float, clear, visibility, table-layout等）</span></li>
<li><span style="color: #888888;">自身盒模型的属性（比如：width, height, margin, padding, border等）</span></li>
<li><span style="color: #888888;">排版相关属性（比如：font, line-height, text-align, text-indent, vertical-align等等）</span></li>
<li><span style="color: #888888;">装饰性属性（比如：color, background, opacity, cursor等）</span></li>
<li><span style="color: #888888;">生成内容的属性（比如：content, list-style, quotes等）</span></li>
</ol>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: 13px; line-height: 20px;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</span></span></span></p>
<p><span class="Apple-style-span" style="border-collapse: separate; color: #000000; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #444444; font-family: 'Lucida Grande'; font-size: 13px; line-height: 20px;"><span style="color: #888888;">学习完毕 继续代码</span><br />
</span></span></p>
<p>reference：</p>
<p><span style="color: #888888;">1. <a href="http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Segoe UI'; font-size: 12px; white-space: pre;">http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices</span></span></a></span></p>
<p><span style="color: #888888;"><span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Segoe UI'; font-size: 12px; white-space: pre;">2. <a href="http://lifesinger.org/blog/?p=1360">http://lifesinger.org/blog/?p=1360</a></span></span></span></p>
n263]]></content:encoded>
			<wfw:commentRss>http://danyifeng.com/2009/03/17/css%e6%a6%82%e8%a6%81%e4%b8%8e%e6%a0%87%e5%87%86%e7%ae%80%e4%bb%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>google friend connect on wordpress</title>
		<link>http://danyifeng.com/2009/02/11/google-friend-connect-on-wordpress/</link>
		<comments>http://danyifeng.com/2009/02/11/google-friend-connect-on-wordpress/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 13:15:53 +0000</pubDate>
		<dc:creator>小单</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[google friend connect]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://danyifeng.com/?p=10474</guid>
		<description><![CDATA[Log into Friend Connect at http://www.google.com/friendconnect/home/ Click on the “Set Up A New Site” button Setup a new site Upload files - canvas.html and rpc_relay.html to the root directory of your blog 1.download the canvas.html and rpc_relay.html from google Get the code for the “Members Gadget” Go into WordPress Admin -&#62; Appearance -&#62; Widgets Create ]]></description>
			<content:encoded><![CDATA[<ul>
<li><strong> Log into Friend Connect</strong> at <a title="Link to Google Friend Connect" href="http://www.google.com/friendconnect/home/" target="_blank">http://www.google.com/friendconnect/home/</a></li>
<li><strong>Click on the “Set Up A New Site” button</strong></li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-10477 aligncenter" title="setupnewsite" src="http://danyifeng.com/wp-content/uploads/2009/02/setupnewsite.jpg" alt="setupnewsite" width="504" height="74" /></p>
<ul>
<li><strong>Setup a new site</strong></li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-10480 aligncenter" title="sitename1" src="http://danyifeng.com/wp-content/uploads/2009/02/sitename1.jpg" alt="sitename1" width="529" height="237" /></p>
<ul>
<li><strong>Upload files -</strong> canvas.html and rpc_relay.html to the root directory of your blog</li>
</ul>
<p>1.download the canvas.html and rpc_relay.html from google</p>
<p style="text-align: center;"><img class="size-full wp-image-10478 aligncenter" title="download" src="http://danyifeng.com/wp-content/uploads/2009/02/download.jpg" alt="download" width="536" height="239" /></p>
<ul>
<li><strong>Get the code for the “Members Gadget”</strong></li>
</ul>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-10481" title="html" src="http://danyifeng.com/wp-content/uploads/2009/02/html.jpg" alt="html" width="560" height="343" /></p>
<ul>
<li><strong> Go into WordPress Admin -&gt; Appearance -&gt; Widgets</strong></li>
<li><strong>Create a Text Widget</strong>, give it a title, and insert the HTML code into the the Widget.</li>
</ul>
<p><img class="aligncenter size-full wp-image-10482" title="wp-widgets" src="http://danyifeng.com/wp-content/uploads/2009/02/wp-widgets.jpg" alt="wp-widgets" width="449" height="462" /></p>
<p>That&#8217;s all..</p>
<p><img class="aligncenter size-full wp-image-10483" title="demo" src="http://danyifeng.com/wp-content/uploads/2009/02/demo.jpg" alt="demo" width="319" height="322" /></p>
n471]]></content:encoded>
			<wfw:commentRss>http://danyifeng.com/2009/02/11/google-friend-connect-on-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>blog 搬家到 wordpress</title>
		<link>http://danyifeng.com/2009/02/09/blog-%e6%90%ac%e5%ae%b6%e5%88%b0-wordpress/</link>
		<comments>http://danyifeng.com/2009/02/09/blog-%e6%90%ac%e5%ae%b6%e5%88%b0-wordpress/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 01:43:54 +0000</pubDate>
		<dc:creator>小单</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogcn]]></category>
		<category><![CDATA[blog_backup]]></category>
		<category><![CDATA[live space mover]]></category>
		<category><![CDATA[msn space]]></category>
		<category><![CDATA[time format]]></category>
		<category><![CDATA[搬家]]></category>

		<guid isPermaLink="false">http://danyifeng.com/?p=10466</guid>
		<description><![CDATA[之前博客太多。。搬家起来也比较麻烦 把主要的两个blog搬过来了 single1985.blogcn.com 第一个blog从2004/10/26开始（大二） 乱七八糟记录生活琐事 情感 到2006年来uk以后难忍奇慢速度 换到danyi0426.spaces.live.com 不是微软的fan 这个真的很不好用 又因为一些乱七八糟的理由 这一年来 没怎么好好写过 blogcn的只能好友可见了 msn想起了才去丢点字 恩废话说完 开始说怎么搬家吧 先问了谷哥 MSN msnspace的倒好弄 搜到一篇文章 http://b2.broom9.com/?page_id=519 国内的牛人清华毕业的weiwei 学了三周的python 就随便写了这个非常有用的小东西Live space mover 具体的操作他的页面上有讲。讲讲我遇到的问题。 他的默认日期是 yyyy/mm/dd, or mm/dd/yyyy. 但是我从space都会来的数据 是 Apirl 26 10:10pm 这样的格式 ， weiwei也给出了python时间参数设置的链接页面 。 %B Locale’s full month name. %d Day of the month as a decimal number ]]></description>
			<content:encoded><![CDATA[<p>之前博客太多。。搬家起来也比较麻烦 把主要的两个blog搬过来了</p>
<p>single1985.blogcn.com 第一个blog从2004/10/26开始（大二） 乱七八糟记录生活琐事 情感 到2006年来uk以后难忍奇慢速度 换到danyi0426.spaces.live.com 不是微软的fan 这个真的很不好用 又因为一些乱七八糟的理由 这一年来 没怎么好好写过 blogcn的只能好友可见了 msn想起了才去丢点字</p>
<p>恩废话说完 开始说怎么搬家吧 先问了谷哥</p>
<ul>
<li><strong>MSN</strong></li>
</ul>
<p>msnspace的倒好弄 搜到一篇文章<a href="http://b2.broom9.com/?page_id=519"> http://b2.broom9.com/?page_id=519</a> 国内的牛人清华毕业的weiwei 学了三周的python 就随便写了这个非常有用的小东西Live space mover</p>
<p>具体的操作他的页面上有讲。讲讲我遇到的问题。 他的默认日期是  yyyy/mm/dd, or mm/dd/yyyy. 但是我从space都会来的数据 是 Apirl 26 10:10pm 这样的格式 ， weiwei也给出了python时间参数设置的<a href="http://docs.python.org/library/time.html">链接页面</a> 。</p>
<ul>
<li><tt class="docutils literal"><span class="pre">%B</span></tt> Locale’s full month name.</li>
<li><tt class="docutils literal"><span class="pre">%d</span></tt> Day of the month as a decimal number [01,31].</li>
<li><tt class="docutils literal"><span class="pre">%I</span></tt> Hour (12-hour clock) as a decimal number [01,12].</li>
<li><tt class="docutils literal"><span class="pre">%M</span></tt> Minute as a decimal number [00,59].</li>
<li><tt class="docutils literal"><span class="pre">%p</span></tt> Locale’s equivalent of either AM or PM.</li>
</ul>
<p>我的格式就转换成&#8221;%B %d %I:%M %p &#8221; 然后就等着吧。。我一共100多篇的blog 连post加comments 几分钟就都好了， 然后就是把这个XML导入wordpress里面直接导了。 恩从我的格式可以看出一个问题。。。他读出来的时候没有读到年 所以我默认的年份都变成了1900。。。 我瞬间就穿越了 然后手动改了 xml里面的年份 还好没有几年 用replace就好 不算十分麻烦 很满意的是 post跟comments。。一起 nice</p>
<ul>
<li><strong>blogcn</strong></li>
</ul>
<p>blogcn自己没有搬家功能，谷哥没给很多的建议， blogbus的搬家工具是最多人提到的。 但是我当时过于心急 再次证明心急吃不了热豆腐 . 直接输了地址就开始等。。不过也发现一个漏洞 他没有任何的验证功能 我的blogcn是只对好友可见的 但是用blogcn搬家我只要输入地址就可以把我所有的blog都弄下来 也就是说 如果我想看谁的blog但是却被限制了权限 这个就是一个很好的偷窥方法。。但是blogbus只帮我搬了54篇就不搬了。。我心想是不是太重他不愿意搬了 后来仔细一看 隐藏的blog必须先更改设置 。 但是blogcn竟然有没有一个按钮是全选。。然后我就手动的改了400多篇中的300多片成对所有人可见 再用blogbus 还是不行 看来他是有了记忆功能。。。发了邮件给客服至今没有回应， 作罢。</p>
<p>然后又继续搜。maikr博客伴侣 （需要注册账户）但是怎么都不能注册 官方网站也打不开。 后来又试了几个都不大好使。 最后在快绝望的时候找到了<a href="http://hanghang.name/51-to-wordpress.html"> 51搬家到wordpress</a>。 想想同理 blogcn应该也行， 就试了blog_backup 果然 还不错 但是前提就是 blocgcn里面所有的文章都要设置成对所有人可见。这样 blog_backup才能找到。恩 然后导出 得到一个RSS 2.0 UTF 8.0编码的 xml。 别急 这个xml还不能直接导入， 要手动做些更改， 去掉 “&amp;nbsp; ” “&lt;![CDATA[” “ ]]&gt;”。 全部替换掉。 然后导入RSS（没事导入wp， msn那个使用导入wp做的）。在归档页面的时候 有的post读了一半 后面就没了 整个页面也乱掉了。。然后又需要手动去改 发现是图片的问题， 最初修改把图片链接都删除 好哦来发现只要点入edit模式以后从html tab转到visual 然后update 就ok了。。。这个没有comments。。<br />
搬家完毕。。看了很多以前写的东西 哈哈 只能说是非常的幼齿。。。享受强大的wordpress吧</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>刚帮然然搬了她的blog到wordpress。 新浪的， 很简单 也说下步骤吧(网易阿，blogcn， 新浪， 搜狐 ， Qzone，和讯， bokee 都可以用同样的方法）</p>
<p>1. blogbus的搬家 <a title="http://banjia.blogbus.com/" href="http://banjia.blogbus.com/">http://banjia.blogbus.com/</a> 生成你的xml文档 blog comment一下全部都齐了</p>
<p>2.  这个地方《<a href="http://fairyfish.net/2008/12/08/blogbus-2-wordpress/">如何从blogbus到wordpress</a>》下一个叫做 blogbus.php的文件， 然后上传到服务器的 wp-admin下面的 import.. 登录你的site  admin 就可以看到一个blogbus,  然后上传你从blogbus生成的xml文件。。搬家成功咯<br />
搬家是越来越容易的事情。。带着你的过去迎接你的未来。 向前 并不要忘记过去！</p>
n300]]></content:encoded>
			<wfw:commentRss>http://danyifeng.com/2009/02/09/blog-%e6%90%ac%e5%ae%b6%e5%88%b0-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

