<?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>明明很爱你</title>
	<atom:link href="http://mingelz.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://mingelz.com</link>
	<description>长风破浪会有时，直挂云帆济沧海</description>
	<lastBuildDate>Tue, 01 Dec 2009 01:16:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>读CNNIC文章有感</title>
		<link>http://mingelz.com/2009/11/reaction-to-cnnic-article/</link>
		<comments>http://mingelz.com/2009/11/reaction-to-cnnic-article/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 12:31:35 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[我也挨踢]]></category>
		<category><![CDATA[域名]]></category>
		<category><![CDATA[读后感]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/11/%e8%af%bbcnnic%e6%96%87%e7%ab%a0%e6%9c%89%e6%84%9f/</guid>
		<description><![CDATA[话说，在写过http://例子.测试/首页之后，今天又经悟饭推荐，看到了CNNIC的一篇“.中国”域名：缩小数字鸿沟的一把利器，于是就趁着月末，再透口气。
在CNNIC的这篇软文中，分析师李长江熟练运用初中写读后感时惯用的“引议联结”法，向大家描述自己在读到“.中国”域名时的感想：

引：通过两张图，引入此次读后感话题，有图有真相的描述了我国与美国在互联网应用方面的两个“鸿沟”——网络普及率低、农村的网络普及率更低。
议：随后分析原因：这是因为我们广大网民不会说英语的太多，记不住那些鸟文字符，从而阻碍了互联网普及。
联：“www.mofcom.gov.cn”不如“商务部.中国”容易记忆。
结：“.中国”域名：缩小数字鸿沟的一把利器。

读完这篇读后感后我也有感如下：对于广大网民来说，把Google/百度或者hao123设成主页，可比记住那些“.中国”的网址靠谱多了。
写完这个读后感，我想知道这位分析师的工资里有多少我纳的税钱……
]]></description>
			<content:encoded><![CDATA[<p>话说，在写过<a href="http://mingelz.com/2009/11/idn-example-test/">http://例子.测试/首页</a>之后，今天又经<a href="http://bigbigcloud.com" target="_blank">悟饭</a>推荐，看到了CNNIC的一篇<a href="http://blog.sina.com.cn/s/blog_5101b9050100gfwc.html" target="_blank">“.中国”域名：缩小数字鸿沟的一把利器</a>，于是就趁着月末，再透口气。</p>
<p>在CNNIC的这篇软文中，分析师李长江熟练运用初中写读后感时惯用的“引议联结”法，向大家描述自己在读到“.中国”域名时的感想：</p>
<p><span id="more-239"></span></p>
<blockquote><p>引：通过两张图，引入此次读后感话题，有图有真相的描述了我国与美国在互联网应用方面的两个“鸿沟”——网络普及率低、农村的网络普及率更低。</p>
<p>议：随后分析原因：这是因为我们广大网民不会说英语的太多，记不住那些鸟文字符，从而阻碍了互联网普及。</p>
<p>联：“www.mofcom.gov.cn”不如“商务部.中国”容易记忆。</p>
<p>结：“.中国”域名：缩小数字鸿沟的一把利器。</p>
</blockquote>
<p>读完这篇读后感后我也有感如下：<strong>对于广大网民来说，把Google/百度或者hao123设成主页，可比记住那些“.中国”的网址靠谱多了。</strong></p>
<p>写完这个读后感，我想知道这位分析师的工资里有多少我纳的税钱……</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/11/reaction-to-cnnic-article/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>http://例子.测试/首页</title>
		<link>http://mingelz.com/2009/11/idn-example-test/</link>
		<comments>http://mingelz.com/2009/11/idn-example-test/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 10:44:31 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[我也挨踢]]></category>
		<category><![CDATA[域名]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/11/http%e4%be%8b%e5%ad%90-%e6%b5%8b%e8%af%95%e9%a6%96%e9%a1%b5/</guid>
		<description><![CDATA[注：下边提到的某些域名我在IE8下测试无法打开，就像我们面对W3C标准问题给用户的建议一样：请使用Firefox浏览以下内容。（PS：好像是我网络的原因，IE8应该是可以打开的。不过这里还是继续推荐Firefox~）
今天在cnbeta上看一条新闻：观点：.中国域名没有多大意思，随手在地址栏里试了一下作者在文首给出的地址，竟然神奇的打开了……于是进而发现了一片令我惊奇的“大陆”——http://例子.测试/首页。欢迎大家前去围观。

通过一番观察我发现，这个http://例子.测试/首页对应的“正常”网址是http://zh-hans.idn.icann.org，作为ICANN基于IDN（国际化域名）的example.test评估的简体中文分支提供给网民测试。在此页中有该评估项目的详细介绍。
除了简体中文和之前打开的阿拉伯语版外，此次example.test评估包括繁体中文、日语等在内的共11种不同语言，大家可以从页面侧边栏的“评估”列表中看到。看起来此次CNNIC大力宣传的“.中国”域名正是IDN中国的延伸。
正像观点：.中国域名没有多大意思文中所说，IDN其实只是给不同语言的人自己玩儿的玩意儿，说它阻碍知识共享可能有些大，但它绝对没有所宣传的那样好。比如金山软件已经在日本、澳大利亚、马来西亚、印度都建立了分公司，难道要销售们在自己的名片上印“http://金山.中国”？给谁看呢？所以中文域名成不了跨国企业的名片，也不能帮跨国企业带来品牌的提升。
在我看来这只不过是非英语国家寻求心理安慰，而ICANN又乐意帮忙的又一个周瑜黄盖的故事罢了，毕竟域名注册的钱还是很可观的。最后受苦的恐怕就是那些企业了，试想只一个.com域名就要注册N个（例如三星不但要注册samsung.com，还要注册samsungnetwork.com、samsungmobile.com、samsung-odd.com、anti-samsung.com等众多域名），加上已有的.com.cn、.co.uk、.co.jp……就已经够乱了，现在又多出这一坨坨的各国语言版本，要注册的数量是呈几何级增加的。当然，新域名会给广大“玉米”们带来新一轮的商机，这可能是唯一给百姓（虽然只是一小部分）带来实惠的方面了。
最后要说，这些中文域名在Chrome浏览器下显示成了貌似有规律的“乱码”，比如“http://例子.测试/首页”就显示成了“http://xn--fsqu00a.xn--0zwm56d/首页”，不过可以正常打开。
]]></description>
			<content:encoded><![CDATA[<p>注：下边提到的某些域名我<span style="text-decoration: line-through;">在IE8下测试无法打开</span>，就像我们面对W3C标准问题给用户的建议一样：请使用<a href="http://www.mozilla.com/en-US/" target="_blank">Firefox</a>浏览以下内容。（PS：好像是我网络的原因，IE8应该是可以打开的。不过这里还是继续推荐Firefox~）</p>
<p>今天在cnbeta上看一条新闻：<a href="http://www.cnbeta.com/articles/97330.htm" target="_blank">观点：.中国域名没有多大意思</a>，随手在地址栏里试了一下作者在文首给出的地址，竟然神奇的打开了……于是进而发现了一片令我惊奇的“大陆”——<a href="http://例子.测试/首页" target="_blank">http://例子.测试/首页</a>。欢迎大家前去围观。</p>
<p><span id="more-238"></span></p>
<p>通过一番观察我发现，这个<a href="http://例子.测试/首页" target="_blank">http://例子.测试/首页</a>对应的“正常”网址是<a href="http://zh-hans.idn.icann.org" target="_blank">http://zh-hans.idn.icann.org</a>，作为ICANN基于<a href="http://zh.wikipedia.org/zh-cn/国际化域名" target="_blank">IDN（国际化域名）</a>的<a href="http://idn.icann.org/" target="_blank">example.test评估</a>的简体中文分支提供给网民测试。在此页中有该评估项目的详细介绍。</p>
<p>除了简体中文和之前打开的<a href="http://مثال.إختبار/">阿拉伯语版</a>外，此次example.test评估包括<a href="http://例子.測試/">繁体中文</a>、<a href="http://例え.テスト/">日语</a>等在内的共11种不同语言，大家可以从页面侧边栏的“评估”列表中看到。看起来此次CNNIC大力宣传的“.中国”域名正是IDN中国的延伸。</p>
<p>正像<a href="http://www.cnbeta.com/articles/97330.htm" target="_blank">观点：.中国域名没有多大意思</a>文中所说，IDN其实只是给不同语言的人自己玩儿的玩意儿，说它阻碍知识共享可能有些大，但它绝对没有所宣传的那样好。比如金山软件已经在<a href="http://kingsoft.jp/" target="_blank">日本</a>、<a href="http://kingsoft.com.au/" target="_blank">澳大利亚</a>、<a href="http://www.kingsoft.com.my/" target="_blank">马来西亚</a>、<a href="http://kingsoft.co.in/" target="_blank">印度</a>都建立了分公司，难道要销售们在自己的名片上印“http://金山.中国”？给谁看呢？所以中文域名成不了跨国企业的名片，也不能帮跨国企业带来品牌的提升。</p>
<p>在我看来这只不过是非英语国家寻求心理安慰，而ICANN又乐意帮忙的又一个周瑜黄盖的故事罢了，毕竟域名注册的钱还是很可观的。最后受苦的恐怕就是那些企业了，试想只一个.com域名就要注册N个（例如三星不但要注册samsung.com，还要注册samsungnetwork.com、samsungmobile.com、samsung-odd.com、anti-samsung.com等众多域名），加上已有的.com.cn、.co.uk、.co.jp……就已经够乱了，现在又多出这一坨坨的各国语言版本，要注册的数量是呈几何级增加的。当然，新域名会给广大“玉米”们带来新一轮的商机，这可能是唯一给百姓（虽然只是一小部分）带来实惠的方面了。</p>
<p>最后要说，这些中文域名在Chrome浏览器下显示成了貌似有规律的“乱码”，比如“http://例子.测试/首页”就显示成了“http://xn--fsqu00a.xn--0zwm56d/首页”，不过可以正常打开。</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/11/idn-example-test/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>避免Windows7为新硬盘创建100M隐藏分区</title>
		<link>http://mingelz.com/2009/10/windows7-100m-hide-partition/</link>
		<comments>http://mingelz.com/2009/10/windows7-100m-hide-partition/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 03:07:09 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[我也挨踢]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Windows7]]></category>
		<category><![CDATA[硬盘]]></category>
		<category><![CDATA[隐藏分区]]></category>

		<guid isPermaLink="false">http://mingelz.com/?p=237</guid>
		<description><![CDATA[刚刚买了台HP 4411s VH425PA，默认安装的是Red Flag Linux系统。就像当年隔着Windows 2000，直接从Windows 98跳到Windows XP一样，这次我也准备隔着Windows Vista，直接从Windows XP跳到Windows 7。不过在安装时就遇到了一个问题：

我下载的是7600.16385.090713-1255版，以固有的安装Windows XP的思维模式，准备在安装过程中对硬盘重新分区。但创建第一个分区时，Windows 7会自动额外创建一个100M大小的保留分区，用于存放启动信息。详细的介绍可以看《关于Windows 7的100M隐藏分区的解释说明》。
但我却总感觉有些不爽，直接放在C盘不就OK了，还整这么多事儿……终于，我又找到了新硬盘安装Windows7避免100M隐藏分区的方法。 转载如下：
当安装程序提示“把Windows安装到那里”时，按快捷键 Shift+F10 打开CMD命令行，依次输入以下命令：
diskpart //进入DiskPart命令，详细帮助可以在进入后输入help查看；
list disk //列出所有磁盘，如果有多块硬盘请注意区分哪个是需要安装Windows 7的磁盘；
select disk 0 //如果电脑中只有一块硬盘的话，则是disk 0；
create partition primary size=20481 //创建主分区为30G，后边的数字以MB为单位1；
format fs=ntfs quick //格式化刚创建的主分区；
create partition extended //把剩下的磁盘创建为扩展分区；
exit //退出DiskPart程序；
exit //退出CMD命令提示符。


随后在选择分区界面刷新，并选择主分区安装Windows 7就可以了。
注释1：20G本应该用20480MB才是正确的，但这个整数在进入Windows后会被显示为19.9G，而只要多加1M就会显示为20.0G。经过实验，不论你准备创建10G的分区还是100G的分区，多加上这1M都可以避免x9.9M问题的产生。这与Windows XP下的计算公式1024n+4(n-1)还是有很大不同的。
]]></description>
			<content:encoded><![CDATA[<p>刚刚买了台HP 4411s VH425PA，默认安装的是Red Flag Linux系统。就像当年隔着Windows 2000，直接从Windows 98跳到Windows XP一样，这次我也准备隔着Windows Vista，直接从Windows XP跳到Windows 7。不过在安装时就遇到了一个问题：</p>
<p><span id="more-237"></span></p>
<p>我下载的是7600.16385.090713-1255版，以固有的安装Windows XP的思维模式，准备在安装过程中对硬盘重新分区。但创建第一个分区时，Windows 7会自动额外创建一个100M大小的保留分区，用于存放启动信息。详细的介绍可以看<a href="http://blog.qq.com/qzone/232480/1254302925.htm" target="_blank">《关于Windows 7的100M隐藏分区的解释说明》</a>。</p>
<p>但我却总感觉有些不爽，直接放在C盘不就OK了，还整这么多事儿……终于，我又找到了<a href="http://hi.baidu.com/紫梦璃愁/blog/item/b1a445b244d46fadd8335a94.html target=">新硬盘安装Windows7避免100M隐藏分区</a>的方法。 转载如下：</p>
<blockquote><p>当安装程序提示“把Windows安装到那里”时，按快捷键 Shift+F10 打开CMD命令行，依次输入以下命令：</p>
<pre><kbd>diskpart</kbd> //进入DiskPart命令，详细帮助可以在进入后输入help查看；
<kbd>list disk</kbd> //列出所有磁盘，如果有多块硬盘请注意区分哪个是需要安装Windows 7的磁盘；
<kbd>select disk 0</kbd> //如果电脑中只有一块硬盘的话，则是disk 0；
<kbd>create partition primary size=20481</kbd> //创建主分区为30G，后边的数字以MB为单位<sup>1</sup>；
<kbd>format fs=ntfs quick</kbd> //格式化刚创建的主分区；
<kbd>create partition extended</kbd> //把剩下的磁盘创建为扩展分区；
<kbd>exit</kbd> //退出DiskPart程序；
<kbd>exit</kbd> //退出CMD命令提示符。
</pre>
</blockquote>
<p>随后在选择分区界面刷新，并选择主分区安装Windows 7就可以了。</p>
<p>注释1：20G本应该用20480MB才是正确的，但这个整数在进入Windows后会被显示为19.9G，而只要多加1M就会显示为20.0G。经过实验，不论你准备创建10G的分区还是100G的分区，多加上这1M都可以避免x9.9M问题的产生。这与Windows XP下的计算公式1024n+4(n-1)还是有很大不同的。</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/10/windows7-100m-hide-partition/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>关于Windows7中exe图标丢失的解决办法</title>
		<link>http://mingelz.com/2009/10/restore-exefile-icon-on-windows7/</link>
		<comments>http://mingelz.com/2009/10/restore-exefile-icon-on-windows7/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 04:32:28 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[我也挨踢]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Windows7]]></category>
		<category><![CDATA[图标]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/10/%e5%85%b3%e4%ba%8ewindows7%e4%b8%adexe%e5%9b%be%e6%a0%87%e4%b8%a2%e5%a4%b1%e7%9a%84%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95/</guid>
		<description><![CDATA[首先描述一下现象：我在Windows7中安装了几个软件，它默认在桌面和开始菜单生成了快捷方式。当我把桌面这个快捷方式删除后，发现开始中的快捷方式，以及安装目录下exe文件的图标都丢失了，显示成了难看的未知文件样式的图标。但当把文件夹的视图由“详细列表”调整为“中等图标”或更大，也就是这个exe的图标分辨率大于16&#215;16时，图标又能正常显示了。

在网上搜了搜，发现这是一个普遍现象，看起来像是Windows7的一个Bug，而解决办法也比较简单，按下边步骤操作：
1、开始 - 运行 - CMD，打开命令提示符；
2、按Ctrl+Shift+Esc打开任务管理嚣，在“进程”选项卡中结束“explorer”进程；
3、在命令提示符中输入：
  cd /d %userprofile%\appdata\local
  del iconcache.db /a
  exit
4、在任务管理嚣中“应用程序”选项卡中新建explorer进程；
]]></description>
			<content:encoded><![CDATA[<p>首先描述一下现象：我在Windows7中安装了几个软件，它默认在桌面和开始菜单生成了快捷方式。当我把桌面这个快捷方式删除后，发现开始中的快捷方式，以及安装目录下exe文件的图标都丢失了，显示成了难看的未知文件样式的图标。但当把文件夹的视图由“详细列表”调整为“中等图标”或更大，也就是这个exe的图标分辨率大于16&#215;16时，图标又能正常显示了。</p>
<p><span id="more-236"></span></p>
<p>在网上搜了搜，<a href="http://bbs.pcbeta.com/thread-560519-1-1.html" target="_blank">发现这是一个普遍现象</a>，看起来像是Windows7的一个Bug，而解决办法也比较简单，按下边步骤操作：</p>
<pre>1、开始 - 运行 - CMD，打开命令提示符；
2、按Ctrl+Shift+Esc打开任务管理嚣，在“进程”选项卡中结束“explorer”进程；
3、在命令提示符中输入：
  cd /d %userprofile%\appdata\local
  del iconcache.db /a
  exit
4、在任务管理嚣中“应用程序”选项卡中新建explorer进程；</pre>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/10/restore-exefile-icon-on-windows7/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>联通版iPhone</title>
		<link>http://mingelz.com/2009/09/chinaunicom-iphone/</link>
		<comments>http://mingelz.com/2009/09/chinaunicom-iphone/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 15:12:13 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[我也挨踢]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[手机]]></category>

		<guid isPermaLink="false">http://mingelz.com/?p=235</guid>
		<description><![CDATA[不知道这算不算是爆料，据我一个在联通的朋友说，联通版iPhone上市价大概要接近RMB6000大洋，当然并不全是机器，其中还包括2年的话费。看来直接瞄准高端用户了，只是不知道这个价钱对于一款上市N久（虽没进入国内，但国人却已对它相当熟悉）的手机，联通还能不能在其他方面给出足够的吸引力。目前联通正在招聘+培训iPhone相关工程师，培训资料上有iPhone手机各具体功能的操作步骤讲解。
呃……其实，对于我这个还算的上是Google的“重度用户”来说，还是G1/G2实惠，向往之~~
]]></description>
			<content:encoded><![CDATA[<p>不知道这算不算是爆料，据我一个在联通的朋友说，联通版iPhone上市价大概要接近RMB6000大洋，当然并不全是机器，其中还包括2年的话费。看来直接瞄准高端用户了，只是不知道这个价钱对于一款上市N久（虽没进入国内，但国人却已对它相当熟悉）的手机，联通还能不能在其他方面给出足够的吸引力。目前联通正在招聘+培训iPhone相关工程师，培训资料上有iPhone手机各具体功能的操作步骤讲解。</p>
<p>呃……其实，对于我这个还算的上是Google的“重度用户”来说，还是G1/G2实惠，向往之~~</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/09/chinaunicom-iphone/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dawn CSS Reset</title>
		<link>http://mingelz.com/2009/08/dawn-css-reset/</link>
		<comments>http://mingelz.com/2009/08/dawn-css-reset/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 11:39:23 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[UED]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Reset]]></category>
		<category><![CDATA[Dawn]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/08/dawn-css-reset/</guid>
		<description><![CDATA[之前在做页面时，一直使用YUI的CSS Reset，后来还跟着它升级到了3.0beta1 版。当然，我每次都会在YUI的基础上适当精简，以方便自己在项目中的使用。后来陆续看到了Shawphy的《打造自己的 reset.css》和射雕的《Reset CSS 研究（技术篇）》，然后便想到既然巨人们就在眼前，我何不站在他们肩膀上总结一套自己的CSS Reset呢，于是就有了下文：

首先我对自己所熟知的4套CSS Reset进行一个简单的评价（一家之言，欢迎各位拍砖）：

YUI CSS Reset：是我之前一直在用的Reset，按照元素的作用及默认样式分类，将它们的默认样式去除，最终基本所有元素在所有浏览器下长的都一样，当然相比Eric的Reset，YUI仁慈了许多；
Eric Reset CSS：杀伤力最大的一套Reset，从第一处定义就可以看到，把所有元素的内外边距、边框置为0，连outline都不放过，连:focus的outline都不放过……经Eric之手，世界终于清静了……个人感觉Eric的思路是“HTML元素默认样式性本恶”，所以要全部除之而后快，但这样难免让一些本可以帮助我们的样式也一起灰飞烟灭了；
Shawphy CSS Reset：Shawphy站在了YUI和Eric的肩膀上，感觉Shawphy更倾向于Eric的版本，杀伤力同样巨大，不过在文末Shawphy又讲到在reset.css之后要立即将一些被重置的样式根据项目需要在layout.css和typography.css中重新定义；
KISSY CSS Reset：也就是射雕在博客上阐述的Reset，感觉受YUI的影响比较大，不过正如博客中所说，这份Reset更适应中文，我正是因为受到了这份Reset的很多启发才决定总结自己的Reset。

注：以上总结中的4个链接为非压缩版，除了Eric的版本外，其他三个都可以将URL最后的reset.css改名为reset-min.css得到压缩版。
下边由本人操刀的Dawn CSS Reset闪亮登场，这份Reset受到了YUI和KISSY的影响与启发，在此表示感谢。
为了让大家更好的理解我在处理这些重置样式时的想法，并将之与YUI和KISSY的异同做一个对比，下边就使用一个表格对每句重置样式进行说明：





YUI[http://developer.yahoo.com/yui/]
KISSY[http://code.google.com/p/kissy/]
Dawn[http://mingelz.com]
备注


1
body,div,
 dl,dt,dd,ul,ol,li,
 h1,h2,h3,h4,h5,h6,
 pre,code,
 form,fieldset,legend,input,textarea,
 p,blockquote,
 th,td
 {margin:0;padding:0;}
body,
 h1,h2,h3,h4,h5,h6,hr,p,blockquote,
 dl,dt,dd,ul,ol,li,
 pre,
 form,fieldset,legend,button,input,textarea,
 th,td
 {margin:0;padding:0;}
body,
 h1,h2,h3,h4,h5,h6,
 dl,dt,dd,ul,ol,li,
 th,td,
 p,blockquote,pre,
 form,fieldset,legend,input,button,textarea,
 hr
 {margin:0;padding:0;}
1、div、code是没有内外边距的，可去除；
 2、input根据不同的type，可能有内外边距，应加上；
 3、hr是有外边距的，但我们实际使用中该值不定，应加上；


2
h1,h2,h3,h4,h5,h6
 {font-size:100%;font-weight:normal;}
h1{font-size:18px;}
 h2{font-size:16px;}
 h3{font-size:14px;}
 h4,h5,h6{font-size:100%;}
h1,h2,h3,h4,h5,h6
 {font-size:100%;}
1、对于不同页面，hn的字体大小不可能相同；
 2、标题肯定是要着重显示的，不加粗才属于特例；
 结论：只重置字体大小，不重置字体粗细；


3
li
 {list-style:none;}
ul,ol
 {list-style:none;}
li
 {list-style:none;}
1、list-style样式确实是定义在li标签上的；


4
fieldset,img
 {border:0;}
fieldset,img
 {border:0;}
fieldset,img
 {border:0;}
1、input、select、textarea默认也有边框，基于优雅降级的思想没有将它们的边框在Reset中清除，当使用背景图片修饰时，记得清除边框；


5
table
 {border-collapse:collapse;border-spacing:0;}
table
 {border-collapse:collapse;border-spacing:0;}
table
 [...]]]></description>
			<content:encoded><![CDATA[<p>之前在做页面时，一直使用<a href="http://developer.yahoo.com/yui/reset/" target="_blank">YUI的CSS Reset</a>，后来还跟着它升级到了<a href="http://developer.yahoo.com/yui/3/cssreset/" target="_blank">3.0beta1</a> 版。当然，我每次都会在YUI的基础上适当精简，以方便自己在项目中的使用。后来陆续看到了<a href="http://shawphy.com/" target="_blank">Shawphy</a>的《<a href="http://shawphy.com/2009/03/my-own-reset-css.html" target="_blank">打造自己的 reset.css</a>》和<a href="http://lifesinger.org/" target="_blank">射雕</a>的《<a href="http://lifesinger.org/blog/2009/07/reset-css-tech/" target="_blank">Reset CSS 研究（技术篇）</a>》，然后便想到既然巨人们就在眼前，我何不站在他们肩膀上总结一套自己的CSS Reset呢，于是就有了下文：</p>
<p><span id="more-234"></span></p>
<p>首先我对自己所熟知的4套CSS Reset进行一个简单的评价（一家之言，欢迎各位拍砖）：</p>
<ul>
<li><a href="http://yui.yahooapis.com/3.0.0b1/build/cssreset/reset.css" target="_blank">YUI CSS Reset</a>：是我之前一直在用的Reset，按照元素的作用及默认样式分类，将它们的默认样式去除，最终基本所有元素在所有浏览器下长的都一样，当然相比Eric的Reset，YUI仁慈了许多；</li>
<li><a href="http://meyerweb.com/eric/tools/css/reset/reset.css" target="_blank">Eric Reset CSS</a>：杀伤力最大的一套Reset，从第一处定义就可以看到，把所有元素的内外边距、边框置为0，连outline都不放过，连:focus的outline都不放过……经Eric之手，世界终于清静了……个人感觉Eric的思路是“HTML元素默认样式性本恶”，所以要全部除之而后快，但这样难免让一些本可以帮助我们的样式也一起灰飞烟灭了；</li>
<li><a href="http://shawphy.com/lab/reset/reset.css" target="_blank">Shawphy CSS Reset</a>：Shawphy站在了YUI和Eric的肩膀上，感觉Shawphy更倾向于Eric的版本，杀伤力同样巨大，不过在文末Shawphy又讲到在reset.css之后要立即将一些被重置的样式根据项目需要在layout.css和typography.css中重新定义；</li>
<li><a href="http://kissy.googlecode.com/svn/trunk/src/cssreset/reset.css" target="_blank">KISSY CSS Reset</a>：也就是射雕在博客上阐述的Reset，感觉受YUI的影响比较大，不过正如博客中所说，这份Reset更适应中文，我正是因为受到了这份Reset的很多启发才决定总结自己的Reset。</li>
</ul>
<p>注：以上总结中的4个链接为非压缩版，除了Eric的版本外，其他三个都可以将URL最后的reset.css改名为reset-min.css得到压缩版。</p>
<p>下边由本人操刀的Dawn CSS Reset闪亮登场，这份Reset受到了<a href="http://developer.yahoo.com/yui" target="_blank">YUI</a>和<a href="http://code.google.com/p/kissy/" target="_blank">KISSY</a>的影响与启发，在此表示感谢。</p>
<p>为了让大家更好的理解我在处理这些重置样式时的想法，并将之与YUI和KISSY的异同做一个对比，下边就使用一个表格对每句重置样式进行说明：</p>
<div style="margin: 0pt auto; overflow: auto; width: 98%;">
<table style="font-size: 12px;" border="1" cellspacing="0">
<tbody>
<tr>
<td></td>
<td>YUI[http://developer.yahoo.com/yui/]</td>
<td>KISSY[http://code.google.com/p/kissy/]</td>
<td>Dawn[http://mingelz.com]</td>
<td>备注</td>
</tr>
<tr>
<td>1</td>
<td>body,div,<br />
 dl,dt,dd,ul,ol,li,<br />
 h1,h2,h3,h4,h5,h6,<br />
 pre,code,<br />
 form,fieldset,legend,input,textarea,<br />
 p,blockquote,<br />
 th,td<br />
 {margin:0;padding:0;}</td>
<td>body,<br />
 h1,h2,h3,h4,h5,h6,hr,p,blockquote,<br />
 dl,dt,dd,ul,ol,li,<br />
 pre,<br />
 form,fieldset,legend,button,input,textarea,<br />
 th,td<br />
 {margin:0;padding:0;}</td>
<td>body,<br />
 h1,h2,h3,h4,h5,h6,<br />
 dl,dt,dd,ul,ol,li,<br />
 th,td,<br />
 p,blockquote,pre,<br />
 form,fieldset,legend,input,button,textarea,<br />
 hr<br />
 {margin:0;padding:0;}</td>
<td>1、div、code是没有内外边距的，可去除；<br />
 2、input根据不同的type，可能有内外边距，应加上；<br />
 3、hr是有外边距的，但我们实际使用中该值不定，应加上；</td>
</tr>
<tr>
<td>2</td>
<td>h1,h2,h3,h4,h5,h6<br />
 {font-size:100%;font-weight:normal;}</td>
<td>h1{font-size:18px;}<br />
 h2{font-size:16px;}<br />
 h3{font-size:14px;}<br />
 h4,h5,h6{font-size:100%;}</td>
<td>h1,h2,h3,h4,h5,h6<br />
 {font-size:100%;}</td>
<td>1、对于不同页面，hn的字体大小不可能相同；<br />
 2、标题肯定是要着重显示的，不加粗才属于特例；<br />
 <strong>结论</strong>：只重置字体大小，不重置字体粗细；</td>
</tr>
<tr>
<td>3</td>
<td>li<br />
 {list-style:none;}</td>
<td>ul,ol<br />
 {list-style:none;}</td>
<td>li<br />
 {list-style:none;}</td>
<td>1、list-style样式确实是定义在li标签上的；</td>
</tr>
<tr>
<td>4</td>
<td>fieldset,img<br />
 {border:0;}</td>
<td>fieldset,img<br />
 {border:0;}</td>
<td>fieldset,img<br />
 {border:0;}</td>
<td>1、input、select、textarea默认也有边框，基于优雅降级的思想没有将它们的边框在Reset中清除，当使用背景图片修饰时，记得清除边框；</td>
</tr>
<tr>
<td>5</td>
<td>table<br />
 {border-collapse:collapse;border-spacing:0;}</td>
<td>table<br />
 {border-collapse:collapse;border-spacing:0;}</td>
<td>table<br />
 {border-collapse:collapse;border-spacing:0;}</td>
<td>-</td>
</tr>
<tr>
<td>6</td>
<td>q:before,q:after<br />
 {content:&#8221;;}</td>
<td>q:before,q:after<br />
 {content:&#8221;;}</td>
<td>q:before,q:after<br />
 {content:&#8221;;}</td>
<td>1、q标签默认会在内容前加前引号（“）在内容后加后引号(”)，可能会影响实际效果，故去除；</td>
</tr>
<tr>
<td>7</td>
<td>abbr,acronym<br />
 {border:0;font-variant:normal;}</td>
<td>abbr[title],acronym[title]<br />
 {border-bottom:1px dotted;cursor:help;}</td>
<td>abbr[title]<br />
 {border-bottom:1px dotted;cursor:help;}</td>
<td>1、IE6不支持abbr标签，HTML5“抛弃”了acronym标签；<br />
 2、IE6不支持属性选择符；<br />
 <strong>结论</strong>：既然使用了属性选择符，也就代表着不再对IE6提供支持，就让我们大胆的对IE6及它的acronym说Byebye吧！</td>
</tr>
<tr>
<td>8</td>
<td>address,caption,cite,code,dfn,em,strong,th,var<br />
 {font-style:normal;font-weight:normal;}</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>caption,th<br />
 {text-align:left;}</p>
</td>
<td>address,cite,dfn,em,var<br />
 {font-style:normal;}</td>
<td>address,cite,dfn,em,var<br />
 {font-style:normal;}</td>
<td>1、address、cite、dfn、em、var默认为斜体，可扶正；<br />
 2、caption、strong、th默认为粗体，对于这种语义化标签不加粗才属于特例，可保留；<br />
 3、capton、th默认为居中，可保留，原因同上，不居中才属于特例；<br />
 4、code默认无此方面样式，可去除；<br />
 5、单独说下em和strong，em表示强调、strong表示更强的强调，所以这里我去除em样式而保留strong样式，一般强调使用em，没有任何样式，而对于strong还不加粗那真的属于特例了；</td>
</tr>
<tr>
<td>9</td>
<td>input,textarea,select<br />
 {font-family:inherit;font-size:inherit;font-weight:inherit;}</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>input,textarea,select<br />
 {*font-size:100%;}</p>
</td>
<td>button,input,select,textarea<br />
 {font-size:100%;}</td>
<td>button,input,select,textarea<br />
 {font-size:100%;}</td>
<td>1、表单元素在IE中默认不继承字体大小；<br />
 2、button默认不继承字体大小，应添加上；<br />
 3、optgroup默认为斜体，且无法扶正；</td>
</tr>
<tr>
<td>10</td>
<td>legend<br />
 {color:#000;}</td>
<td>legend<br />
 {color:#000;}</td>
<td>legend<br />
 {color:#000;}</td>
<td>1、IE6下legend元素颜色继承自Windows系统的主题样式；<br />
 2、请在页面布局时根据实际需要修改legend颜色；</td>
</tr>
<tr>
<td>11</td>
<td>html<br />
 {color:#000;background:#FFF;}</td>
<td>-</td>
<td>-</td>
<td>1、所有浏览器默认相同；<br />
 2、背景颜色可能会继承自Windows系统的主题颜色；<br />
 <strong>结论</strong>：在实际项目中根据需要定义不同颜色；</td>
</tr>
<tr>
<td>12</td>
<td>sup{vertical-align:text-top;}<br />
 sub{vertical-align:text-bottom;}</td>
<td>-</td>
<td>-</td>
<td>1、所有浏览器默认样式为：<br />
 sup{vertical-align:super;}<br />
 sub{vertical-align:sub}<br />
 2、super比text-top更高、sub比text-bottom更低；<br />
 3、在默认样式下，如果行高太小，sub、sup会被遮挡；</td>
</tr>
<tr>
<td>13</td>
<td>-</td>
<td>code,kbd,pre,samp,tt<br />
 {font-family:&#8221;Courier New&#8221;,Courier,monospace;}</td>
<td>code,kbd,samp<br />
 {font-family:&#8221;Courier New&#8221;,monospace;}</td>
<td>1、pre只是对文本预格式化，并不代表内容一定是代码，所以没有必要为pre标签定义等宽字体，如果pre中为代码，应使用：<br />
 &lt;pre&gt;&lt;code&gt; &#8230; &lt;/code&gt;&lt;/pre&gt;<br />
 2、HTML5已将tt标签“抛弃”；<br />
 <strong>结论</strong>：可只定义code、kbd、samp三个标签，或保留默认；</td>
</tr>
<tr>
<td>14</td>
<td>-</td>
<td>small<br />
 {font-size:12px;}</td>
<td>-</td>
<td>1、KISSY指出小于12px的中文难于阅读，故使之正常化；<br />
 2、HTML5“抛弃”了big标签，却留着small，不知何故……<br />
 <strong>结论</strong>：推荐不使用small标签，从Reset做起；</td>
</tr>
<tr>
<td>15</td>
<td>-</td>
<td>hr<br />
 {border:none;height:1px;}</td>
<td>hr<br />
 {border:none;height:1px;}</td>
<td>1、hr默认：border:1px inset，height为2；<br />
 2、hr颜色在FF下由background-color定义、在IE下由color定义，故：请在实际使用中将两个属性都写上；<br />
 3、hr的盒模型在IE/FF下与在Chrome下不同，不推荐使用；</td>
</tr>
<tr>
<td>16</td>
<td>-</td>
<td>body,<br />
 button,input,select,textarea<br />
 {font:12px/1 Tahoma,Helvetica,Arial,&#8221;\5b8b\4f53&#8243;,sans-serif;}</td>
<td>body,<br />
 button,input,select,textarea<br />
 {font:12px/1 Arial,Tahoma,Helvetica,SimSun,san-serif;}</td>
<td>1、小于12px的中文难于阅读；<br />
 2、在12px字体下小于12px的行高，文字会有重叠；<br />
 3、与字体大小相同的行高可避免不同浏览器对行高的解析差异，从而避免对齐问题，对具体文本内容再单独定义行高更合适；<br />
 4、表单元素在IE6下不继承，需单独设置字体样式；<br />
 5、KISSY对“宋体”二字使用ASCII码“\5b8b\4f53”表示，防止文本编码不同出现样式定义问题；<br />
 我在此推荐使用字体的英文表示方法（注意字体名有空格时要用引号括住），更加易读，如：<br />
 宋体：SimSun、<br />
 黑体：SimHei、<br />
 新宋体：NSimSun、<br />
 仿宋：FangSong、<br />
 楷体：KaiTi、<br />
 仿宋_GB2312：FangSong_GB2312、<br />
 楷体_GB2312：KaiTi_GB2312、<br />
 微软雅黑体：Microsoft YaHei；</td>
</tr>
<tr>
<td>17</td>
<td>-</td>
<td>a{text-decoration:none;}<br />
 a:hover{text-decoration:underline;}</td>
<td>-</td>
<td>因为链接样式在具体页面表现各不相同，我倾向于不在Reset中重置，而在实际项目中定义；</td>
</tr>
<tr>
<td>18</td>
<td>-</td>
<td>html<br />
 {overflow-y:scroll;}</td>
<td>-</td>
<td>1、在FF等非IE浏览器下，如果页面内容不满一屏时，默认是没有纵向滚动条的，增加此滚动条可以布局时更准确；<br />
 2、在设计时可以添加此属性，但发布时建议将它去除；</td>
</tr>
</tbody>
</table>
</div>
<p>好，就这些了，我想通过上边表格的对比，各位看官也对我的这份Dawn CSS Reset有了初步认识。正如所有发布过CSS Reset的人所说，“这不是万能的”、“没有银弹”。所以各位如有何意见建议，欢迎在文后讨论。也希望我的总结能够对各位看官有所帮助。再啰嗦一句，这份Reset已经在数个项目中使用过，暂时没有遇到什么问题，呵呵。</p>
<p>PS：在此向因显示器不够宽，导致浏览器被上面表格撑出横向滚动条的朋友们致歉~我已为表格外的div设置了overflow:auto，应该不会破坏skin的布局了~</p>
<p>最后给出最终的代码：</p>
<pre><code>
/**
 * Dawn CSS Reset
 * Version: 1.0 beta
 * Update: 2009-07-27
 * Author: mingelz
 * URI: http://mingelz.com | http://www.cnblogs.com/mingelz
 * License: http://creativecommons.org/licenses/by-sa/3.0/
 */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
li{list-style:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after{content:'';}
abbr[title]{border-bottom:1px dotted;cursor:help;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
legend{color:#000;}
code,kbd,samp{font-family:"Courier New",monospace;}
hr{border:none;height:1px;}
body,button,input,select,textarea{font:12px/1 Arial,Tahoma,Helvetica,SimSun,san-serif;}</code></pre>
<p>最后更新日期：2009-8-12</p>
<p><strong>版本更新历史</strong>：<br />
 v1.0beta[2009-8-12]：在实际项目中使用了一段时间，决定将之发布出来，因考虑到通用性，添加了对legend的重置；<br />
 v0.4[2009-7-27]：去掉了acronym标签的定义，HTM5已经抛弃了它，我们也对它说Byebye吧，当然也希望IE6早日Byebye；<br />
 v0.3[2009-7-23]：对每个标签进行了梳理，在YUI和KISSY的基础上总结出了一套新CSS Reset代码；<br />
 v0.2[2009-7-22]：对v0.1的代码进行了部分精简；<br />
 v0.1[2009-7-22]：在YUI的基础上添加了部分KISSY的代码；</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/08/dawn-css-reset/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>picasaweb撞墙了，我很受伤……</title>
		<link>http://mingelz.com/2009/08/picasaweb-vs-wall/</link>
		<comments>http://mingelz.com/2009/08/picasaweb-vs-wall/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 12:21:54 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[C'est La Vie]]></category>
		<category><![CDATA[picasaweb]]></category>

		<guid isPermaLink="false">http://mingelz.com/?p=233</guid>
		<description><![CDATA[在7月上旬的某一天发生了某件事之后，google的某些服务就被挡在了太平洋的对岸，比如picasaweb。我的文章中基本所有图片都是使用的picasaweb外链，我很受伤。。。

其实，当flickr、blogger、youtube之类可以由普通用户创造内容的网站逐一被挡在墙外时，我就知道，picasaweb早晚有一天也会沦落为同样的下场，而像google docs之类的网站我觉得也会在不久的将来面临同样的下场。
不能多说了，虽然确实很无语……只希望能早日发现一个稳定的图片空间，当然我更希望google能够摆脱这种处境……
update 2009-9-17：
其实picasaweb是被域名劫持导致无法访问，而突破他的限制也有着最简单的方法——修改hosts文件：
203.208.39.104        picasaweb.google.com
203.208.39.104        lh1.ggpht.com
203.208.39.104        lh2.ggpht.com
203.208.39.104        lh3.ggpht.com
203.208.39.104        lh4.ggpht.com
203.208.39.104        lh5.ggpht.com
203.208.39.104        lh6.ggpht.com
对于不知道我上边在说些什么的朋友，可下载由我一位同事开发的一款修改 hosts 的小软件—— HostManager。
如果在下载此文件后依然迷茫，请联系我：。
]]></description>
			<content:encoded><![CDATA[<p>在7月上旬的某一天发生了某件事之后，google的某些服务就被挡在了太平洋的对岸，比如picasaweb。我的文章中基本所有图片都是使用的picasaweb外链，我很受伤。。。</p>
<p><span id="more-233"></span></p>
<p>其实，当flickr、blogger、youtube之类可以由普通用户创造内容的网站逐一被挡在墙外时，我就知道，picasaweb早晚有一天也会沦落为同样的下场，而像google docs之类的网站我觉得也会在不久的将来面临同样的下场。</p>
<p>不能多说了，虽然确实很无语……只希望能早日发现一个稳定的图片空间，当然我更希望google能够摆脱这种处境……</p>
<p>update 2009-9-17：</p>
<p>其实picasaweb是被域名劫持导致无法访问，而突破他的限制也有着最简单的方法——修改hosts文件：</p>
<pre>203.208.39.104        picasaweb.google.com
203.208.39.104        lh1.ggpht.com
203.208.39.104        lh2.ggpht.com
203.208.39.104        lh3.ggpht.com
203.208.39.104        lh4.ggpht.com
203.208.39.104        lh5.ggpht.com
203.208.39.104        lh6.ggpht.com</pre>
<p>对于不知道我上边在说些什么的朋友，可下载由我一位同事开发的一款修改 hosts 的小软件—— <a href="http://mingelz.googlecode.com/files/HostManager.zip">HostManager</a>。</p>
<p>如果在下载此文件后依然迷茫，请联系我：<img src="http://mingelz.com/bfiles/images/gmail.png" alt="mingelz's gmail address" width="144" height="21" />。</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/08/picasaweb-vs-wall/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>当border颜色透明时……</title>
		<link>http://mingelz.com/2009/07/when-border-color-is-transparent/</link>
		<comments>http://mingelz.com/2009/07/when-border-color-is-transparent/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 13:01:01 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[UED]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Hack]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/07/%e5%bd%93border%e9%a2%9c%e8%89%b2%e9%80%8f%e6%98%8e%e6%97%b6%e2%80%a6%e2%80%a6/</guid>
		<description><![CDATA[最近我又发现了一处细节上的CSS兼容性问题——当盒模型中的border颜色设置为透明时在各浏览器下表现出了完全不同的样式，甚至显得有些诡异，具体请看我下边的测试：
首先给出代码，HTML代码如下：

&#60;body&#62;
    &#60;div class="test"&#62;
        内容内容内容内容
        内容内容内容内容内容
        内容内容内容内容
        内容内容内容内容内容
        内容内容内容内容
        内容内容内容内容内容
  [...]]]></description>
			<content:encoded><![CDATA[<p>最近我又发现了一处细节上的CSS兼容性问题——当盒模型中的<code>border</code>颜色设置为透明时在各浏览器下表现出了完全不同的样式，甚至显得有些诡异，具体请看我下边的测试：</p>
<p>首先给出代码，HTML代码如下：</p>
<p><span id="more-232"></span></p>
<pre><code>&lt;body&gt;
    &lt;div class="test"&gt;
        内容内容内容内容
        内容内容内容内容内容
        内容内容内容内容
        内容内容内容内容内容
        内容内容内容内容
        内容内容内容内容内容
    &lt;/div&gt;
&lt;/body&gt;</code></pre>
<p>对应的样式代码有两份，不同之处就是对<code>div.test</code>的背景分别定义了不重复与重复：</p>
<pre><code>body { background:#fff url(bg.jpg) repeat 0 0; }
.test {
    width:200px;
    height:200px;
    margin:10px;
    color:#f00;
    background:#000 url(mingelz.jpg) no-repeat 0 0; /*测试1*/
    background:#000 url(mingelz.jpg) repeat 0 0; /*测试2*/
    border:30px solid transparent;
}</code></pre>
<p>首先我们看一下在Firefox、Chrome、Opera、Safari等符合Web标准的浏览器下这段代码的解析效果：</p>
<p><img src="http://lh3.ggpht.com/_MFRj4MIlPVI/Sk9LnDV7uzI/AAAAAAAAFhM/EE_sGSCHzvo/s800/ff-1.png" alt="" /><br />
 FF下背景不重复时的效果</p>
<p><img src="http://lh5.ggpht.com/_MFRj4MIlPVI/Sk9LnGx1x5I/AAAAAAAAFhQ/fHQGlkkTQPk/s800/ff-2.png" alt="" /><br />
 FF下背景重复时的效果</p>
<p>可以看到，当div的背景不重复时，在这些浏览器中边框颜色显示为黑色，也就是所在div的背景色，而背景图片的起始位置为内容区域的左上角。而当div背景定义为重复时，我们透过透明的边框看到了这个div的背景图片，此时背景图片的起始位置仍然是内容区域的左上角，只不过所影响的范围延伸到了边框所在的区域。看来在这些浏览器下盒模型的<code>border</code>是在<code>background</code>之上的，只有<code>margin</code>是<code>background</code>无法涉足的区域。</p>
<p>下边来看一下这段代码在IE7/8下的效果：</p>
<p><img src="http://lh5.ggpht.com/_MFRj4MIlPVI/Sk9Lnd5QhTI/AAAAAAAAFhc/brbAXEmooz0/s800/ie7-1.png" alt="" /><br />
 IE7/8下背景不重复时的效果</p>
<p><img src="http://lh5.ggpht.com/_MFRj4MIlPVI/Sk9O4mmvAFI/AAAAAAAAFho/SMqA9pPL3PU/s800/ie7-2.png" alt="" /><br />
 IE7/8下背景重复时的效果</p>
<p>可以看到，在IE7/8下这个div的边框真的透明了，我们看到了body的背景，就像定义的是<code>margin</code>一样。不过在实际测试中，我发现IE7下对于<code>border</code>解析有另外一个bug——当用鼠标选中div的内容时，就会出现诡异的一幕，而且对于所在div背景是否重复也会影响这诡异情景的不同表现：</p>
<p><img src="http://lh3.ggpht.com/_MFRj4MIlPVI/Sk9O4a5m0PI/AAAAAAAAFhg/aCew7gd0bD0/s800/ie7-1-b1.png" alt="" /><br />
 IE7下背景不重复时的诡异效果1</p>
<p><img src="http://lh3.ggpht.com/_MFRj4MIlPVI/Sk9O4Tte1dI/AAAAAAAAFhk/tybcuFBXBho/s800/ie7-1-b2.png" alt="" /><br />
 IE7下背景不重复时的诡异效果2</p>
<p><img src="http://lh3.ggpht.com/_MFRj4MIlPVI/Sk9O4mYVrDI/AAAAAAAAFhs/1FCazUZT8Us/s800/ie7-2-b.png" alt="" /><br />
 IE7下背景重复时的诡异效果，只此一种</p>
<p>对于这个现象，恕我才疏学浅，不知如何解释……还好IE8已经不存在这一问题了。</p>
<p>最后我们再来看看IE5.5/6的表现（因为IE5.5对width定义的区域与其他浏览器不同，我对此做了hack以保证他们最后的显示效果是一致的）：</p>
<p><img src="http://lh3.ggpht.com/_MFRj4MIlPVI/Sk9LnBPv2ZI/AAAAAAAAFhU/SNaNfCp9X2E/s800/ie6-1.png" alt="" /><br />
 IE6下背景不重复时的效果</p>
<p><img src="http://lh3.ggpht.com/_MFRj4MIlPVI/Sk9Lnf8663I/AAAAAAAAFhY/-Y0nVjseVRk/s800/ie6-2.png" alt="" /><br />
 IE6下背景重复时的效果</p>
<p>看到没，红色，边框的颜色竟然&#8230;竟然继承了div内容的颜色，无语了……</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/07/when-border-color-is-transparent/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>六月</title>
		<link>http://mingelz.com/2009/06/%e5%85%ad%e6%9c%88/</link>
		<comments>http://mingelz.com/2009/06/%e5%85%ad%e6%9c%88/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 11:31:26 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[C'est La Vie]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/06/%e5%85%ad%e6%9c%88/</guid>
		<description><![CDATA[赶在六月的最后一天，在这里留下点东西，我承认有点形式主义了……
在刚刚过去的五月和六月，对于我有着非同一般的意义，不只是在技术上，也在认知上对一些事情有了更深刻的看法；当然在生活中也同样感觉到了自己的成长。我对身边的每一个人都充满感激，我知道不论他们是有意还是无意，都给过我帮助。这里不是在说空话，我真切的感觉到了。

暂时就不向大家具体介绍这些让我充满感激的朋友们了，不过如果你看到这篇文章，我想那个名单里是有你的，真的。
刚刚过去的两个月很忙，很充实，我的进步也很快。不过今天在和朝朝聊天的时候，我突然意识到自己的压力不如以前明显了，其实对于我来说，这不是一件好事。所以我需要再次审视自己当前的状态，重新刺激自己一下。
过了六月，可能我会有更多的时间与大家分享我的一些想法。朋友们，我就要回来了。
]]></description>
			<content:encoded><![CDATA[<p>赶在六月的最后一天，在这里留下点东西，我承认有点形式主义了……</p>
<p>在刚刚过去的五月和六月，对于我有着非同一般的意义，不只是在技术上，也在认知上对一些事情有了更深刻的看法；当然在生活中也同样感觉到了自己的成长。我对身边的每一个人都充满感激，我知道不论他们是有意还是无意，都给过我帮助。这里不是在说空话，我真切的感觉到了。</p>
<p><span id="more-231"></span></p>
<p>暂时就不向大家具体介绍这些让我充满感激的朋友们了，不过如果你看到这篇文章，我想那个名单里是有你的，真的。</p>
<p>刚刚过去的两个月很忙，很充实，我的进步也很快。不过今天在和朝朝聊天的时候，我突然意识到自己的压力不如以前明显了，其实对于我来说，这不是一件好事。所以我需要再次审视自己当前的状态，重新刺激自己一下。</p>
<p>过了六月，可能我会有更多的时间与大家分享我的一些想法。朋友们，我就要回来了。</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/06/%e5%85%ad%e6%9c%88/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CityBloxx攻略</title>
		<link>http://mingelz.com/2009/05/citybloxx-raiders/</link>
		<comments>http://mingelz.com/2009/05/citybloxx-raiders/#comments</comments>
		<pubDate>Tue, 05 May 2009 14:41:55 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[涂鸦拙作]]></category>
		<category><![CDATA[5700]]></category>
		<category><![CDATA[CityBloxx]]></category>
		<category><![CDATA[Nokia]]></category>
		<category><![CDATA[攻略]]></category>
		<category><![CDATA[游戏]]></category>

		<guid isPermaLink="false">http://mingelz.com/?p=230</guid>
		<description><![CDATA[刚刚入手5700时，机器自带的一款名为City Bloxx的游戏成为我杀时间的首选对象。没想到玩了几次后逐渐找到了门道，于是今天把它写出来，希望能给同样对这个游戏有兴趣的童鞋一些帮助。呃……我承认，我确实挺无聊的……
这款名为City Bloxx的游戏其实就是盖房子，你要尽可能的提高总人口数。游戏中有蓝、红、绿、黄四种颜色的楼可选，其中蓝色的楼最高可盖10层，红色楼20层、绿色楼30层、黄色楼40层，当然楼层数越多，你可以获得的人口数也越多。提高人口数的两个要诀是：

1、随着人口数的增长，你将依次激活四种颜色楼房的金色屋顶，在每次盖楼达到预定人口数后，就可以获得金色屋顶从而获得更多人口。
 2、当两层楼严丝合缝的摞在一起时，会有一个倒计时出现，在时间结束前所盖的楼层越多，获得的额外人口越多。每次盖得严丝合缝后都会重新计时，从而获得更多的时间。但要注意连续对齐时，重新计时后的倒计时会越来越快。
在游戏中还规定，蓝色楼可以建在任何位置；红色楼只能建在蓝色楼旁边；而建绿色楼时要求它四周同时有蓝色和红色楼；最后，只有周围同时有蓝色、红色和绿色楼时才能建黄色楼。当然已建的楼是可以被覆盖的，比如某个蓝色楼周围同时存在蓝色和红色楼时，你可以把一个绿色楼建在原来的这个蓝色楼的位置。不用想，要想提高总人口数就要多建黄色楼。
经过一番摸索，我想到了一条最优的布局方式，可以最大限度的提高黄色楼的数量，自然人口也是最多的。就像这样：

下边这个表是我每栋楼的人口数，总人口是30141，可以看出来只要有耐心，其实最后的成绩可以更高的。不过这个艰巨的任务还是留给那些比我更无聊的童鞋们去刷吧……



1196
1747
164
1680
1008


1899
703
1722
631
1658


163
1653
1016
1796
165


1924
780
1843
620
1603


1061
1874
166
1807
1262



我在玩这个游戏时，最多一次连续优质盖楼（楼层之间总是严丝合缝）21层，当然在第20层时已经因为倒计时的时间耗完而从头计时了。各位童鞋有连的更高的没？
]]></description>
			<content:encoded><![CDATA[<p>刚刚入手5700时，机器自带的一款名为City Bloxx的游戏成为我杀时间的首选对象。没想到玩了几次后逐渐找到了门道，于是今天把它写出来，希望能给同样对这个游戏有兴趣的童鞋一些帮助。呃……我承认，我确实挺无聊的……</p>
<p>这款名为City Bloxx的游戏其实就是盖房子，你要尽可能的提高总人口数。游戏中有蓝、红、绿、黄四种颜色的楼可选，其中蓝色的楼最高可盖10层，红色楼20层、绿色楼30层、黄色楼40层，当然楼层数越多，你可以获得的人口数也越多。提高人口数的两个要诀是：</p>
<p><span id="more-230"></span></p>
<p>1、随着人口数的增长，你将依次激活四种颜色楼房的金色屋顶，在每次盖楼达到预定人口数后，就可以获得金色屋顶从而获得更多人口。<br />
 2、当两层楼严丝合缝的摞在一起时，会有一个倒计时出现，在时间结束前所盖的楼层越多，获得的额外人口越多。每次盖得严丝合缝后都会重新计时，从而获得更多的时间。但要注意连续对齐时，重新计时后的倒计时会越来越快。</p>
<p>在游戏中还规定，蓝色楼可以建在任何位置；红色楼只能建在蓝色楼旁边；而建绿色楼时要求它四周同时有蓝色和红色楼；最后，只有周围同时有蓝色、红色和绿色楼时才能建黄色楼。当然已建的楼是可以被覆盖的，比如某个蓝色楼周围同时存在蓝色和红色楼时，你可以把一个绿色楼建在原来的这个蓝色楼的位置。不用想，要想提高总人口数就要多建黄色楼。</p>
<p>经过一番摸索，我想到了一条最优的布局方式，可以最大限度的提高黄色楼的数量，自然人口也是最多的。就像这样：</p>
<p><img src="http://lh6.ggpht.com/_MFRj4MIlPVI/SaV4gMJwKFI/AAAAAAAAD0s/XjqNkUMGVTs/s400/citybloxx.png.jpg" alt="" /></p>
<p>下边这个表是我每栋楼的人口数，总人口是30141，可以看出来只要有耐心，其实最后的成绩可以更高的。不过这个艰巨的任务还是留给那些比我更无聊的童鞋们去刷吧……</p>
<table style="border-collapse:collapse;" border="1">
<tbody>
<tr>
<td>1196</td>
<td>1747</td>
<td>164</td>
<td>1680</td>
<td>1008</td>
</tr>
<tr>
<td>1899</td>
<td>703</td>
<td>1722</td>
<td>631</td>
<td>1658</td>
</tr>
<tr>
<td>163</td>
<td>1653</td>
<td>1016</td>
<td>1796</td>
<td>165</td>
</tr>
<tr>
<td>1924</td>
<td>780</td>
<td>1843</td>
<td>620</td>
<td>1603</td>
</tr>
<tr>
<td>1061</td>
<td>1874</td>
<td>166</td>
<td>1807</td>
<td>1262</td>
</tr>
</tbody>
</table>
<p>我在玩这个游戏时，最多一次连续优质盖楼（楼层之间总是严丝合缝）21层，当然在第20层时已经因为倒计时的时间耗完而从头计时了。各位童鞋有连的更高的没？</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/05/citybloxx-raiders/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
