<?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>明明很爱你 &#187; 我也挨踢</title>
	<atom:link href="http://mingelz.com/category/it/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>6</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>13</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>CSS中font属性的重置</title>
		<link>http://mingelz.com/2009/04/font-reset-in-css/</link>
		<comments>http://mingelz.com/2009/04/font-reset-in-css/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 03:30:00 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[UED]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[font]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/04/css%e4%b8%adfont%e5%b1%9e%e6%80%a7%e7%9a%84%e9%87%8d%e7%bd%ae/</guid>
		<description><![CDATA[我在使用CSS时，一些样式定义的简写形式已经成为了我的首选，比如用一句margin代替了margin-top, margin-right, margin-bottom, margin-left。同样的，我也会用font代替font-style, font-variant, font-weight, font-size/line-height, font-family。但今天上午我在写代码时，却发现了一个之前没有被我注意到的细节：font的简写形式会将一些没有定义的属性恢复成默认值。

我来仔细说明一下这个问题。先看下边这行代码，它定义了p标签内的字体使用斜体、大小写样式正常、粗体（bold与700等同）、字体大小12px、行高1.5（尽量避免给line-height的属性加单位）、使用字体为arial及sans-seirif：
p { font: italic normal 700 12px/1.5 arial,sans-serif; }
在上边这行语句中我同时定义了所有font的5+1（line-height算这额外的“1”）个属性，但实际情况下可能我们只需要定义需要的那部分就可以了，这时没有被定义的样式将会被font恢复为默认值。比如：
p {
  font-weight: 700;
  font:12px sans-serif;
}
因为后边的font属性会将它并没有定义的font-weight恢复为默认的400，所以最后字体仍然是默认的正常字体，而不是前一句所定义的粗体，以后大家在使用font时一定要注意这一点。
因为font-variant很少用到，我们可以在定义时每次都包括font-size、font-family定义，只在需要时加font-style、font-weight定义。避免产生自己不易发现的样式定义的歧义。
]]></description>
			<content:encoded><![CDATA[<p>我在使用CSS时，一些样式定义的简写形式已经成为了我的首选，比如用一句<code>margin</code>代替了<code>margin-top, margin-right, margin-bottom, margin-left</code>。同样的，我也会用<code>font</code>代替<code>font-style, font-variant, font-weight, font-size/line-height, font-family</code>。但今天上午我在写代码时，却发现了一个之前没有被我注意到的细节：<code>font</code>的简写形式会将一些没有定义的属性恢复成默认值。</p>
<p><span id="more-229"></span></p>
<p>我来仔细说明一下这个问题。先看下边这行代码，它定义了p标签内的字体使用<span style="text-decoration: underline;">斜体、大小写样式正常、粗体（bold与700等同）、字体大小12px、行高1.5（尽量避免给line-height的属性加单位）、使用字体为arial及sans-seirif</span>：</p>
<p><code>p { font: italic normal 700 12px/1.5 arial,sans-serif; }</code></p>
<p>在上边这行语句中我同时定义了所有font的5+1（line-height算这额外的“1”）个属性，但实际情况下可能我们只需要定义需要的那部分就可以了，这时没有被定义的样式将会被font恢复为默认值。比如：</p>
<pre><code>p {
  font-weight: 700;
  font:12px sans-serif;
}</code></pre>
<p>因为后边的font属性会将它并没有定义的font-weight恢复为默认的400，所以最后字体仍然是默认的正常字体，而不是前一句所定义的粗体，以后大家在使用font时一定要注意这一点。</p>
<p>因为font-variant很少用到，我们可以在定义时每次都包括font-size、font-family定义，只在需要时加font-style、font-weight定义。避免产生自己不易发现的样式定义的歧义。</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/04/font-reset-in-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Supesite7.0中的系统变量</title>
		<link>http://mingelz.com/2009/04/supesite70-system-variable/</link>
		<comments>http://mingelz.com/2009/04/supesite70-system-variable/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 07:38:32 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[我也挨踢]]></category>
		<category><![CDATA[Comsenz]]></category>
		<category><![CDATA[Supesite]]></category>

		<guid isPermaLink="false">http://mingelz.com/2009/04/225/</guid>
		<description><![CDATA[把金粉从Supesite 6.0升级到7.0后，之前自己制作的模板却出现了很多问题，于是这两天不得不重新修改一下。于是我顺便注意了一下在默认的Default模板中涉及的一些变量，将它们记在这里，现在Supesite也开源了，希望对哪位朋友有所帮助。当然，因为模板还没有完全做好，另外对于discuz聚合的功能没有仔细研究，所以变量可能并不全，以后我会在发现新的变量后及时更新的。

首先说一下在ss后台与这些变量有关的设置，在随后说明变量时会用到他们：
站点名：系统设置 &#8211; 站点设置 &#8211; 站点名称
 标题附加字：系统设置 &#8211; 搜索引擎优化 &#8211; 标题附加字
 Meta Keywords：系统设置 &#8211; 搜索引擎优化 &#8211; Meta Keywords
 Meta Description：系统设置 &#8211; 搜索引擎优化 &#8211; Meta Description
 文章相关Tags：并非手工写的Tags，而是ss自动判断生成的tags
 文章摘要：首页各文章就是输出的摘要，一般和首页的文章摘要内容相同
好，下边来向大家介绍在Supesite模板中用到的系统变量：
$_SGLOBAL['inajax']
 在模板的最开始就有这一句，不知道干什么用的
$_SC[charset]
 定义了ss的编码类型，应用于header.html.php中。类似：
 &#60;meta http-equiv="Content-Type" content="text/html; charset=$_SC[charset]" /&#62;
$title
 定义当前页面标题，如果是首页就是“站点名”，如果是内容页就是“文章标题 &#8211; 站点名”
$_SCONFIG[seotitle]
 调用“标题附加字”
$keywords
 定义当前页面关键字，如果是首页就是“站点名”，如果是内容页就是“文章相关Tags”
$_SCONFIG[seokeywords]
 调用“Meta Keywords”
$description
 定义当前页面说明，如果是首页就是“站点名”，如果是内容页就是“文章摘要”
$_SCONFIG[seodescription]
 调用“Meta Description”
$_SCONFIG[sitename]
 调用“站点名”
{S_URL}
 站点的路径
$_SCONFIG[template]
 当前使用模板的名字，也就是模板所在的文件夹名
$_SCONFIG[adminemail]
 管理员邮箱
]]></description>
			<content:encoded><![CDATA[<p>把金粉从Supesite 6.0升级到7.0后，之前自己制作的模板却出现了很多问题，于是这两天不得不重新修改一下。于是我顺便注意了一下在默认的Default模板中涉及的一些变量，将它们记在这里，现在Supesite也开源了，希望对哪位朋友有所帮助。当然，因为模板还没有完全做好，另外对于discuz聚合的功能没有仔细研究，所以变量可能并不全，以后我会在发现新的变量后及时更新的。</p>
<p><span id="more-225"></span></p>
<p>首先说一下在ss后台与这些变量有关的设置，在随后说明变量时会用到他们：</p>
<p><strong>站点名</strong>：系统设置 &#8211; 站点设置 &#8211; 站点名称<br />
 <strong>标题附加字</strong>：系统设置 &#8211; 搜索引擎优化 &#8211; 标题附加字<br />
 <strong>Meta Keywords</strong>：系统设置 &#8211; 搜索引擎优化 &#8211; Meta Keywords<br />
 <strong>Meta Description</strong>：系统设置 &#8211; 搜索引擎优化 &#8211; Meta Description<br />
 <strong>文章相关Tags</strong>：并非手工写的Tags，而是ss自动判断生成的tags<br />
 <strong>文章摘要</strong>：首页各文章就是输出的摘要，一般和首页的文章摘要内容相同</p>
<p>好，下边来向大家介绍在Supesite模板中用到的系统变量：</p>
<p>$_SGLOBAL['inajax']<br />
 在模板的最开始就有这一句，不知道干什么用的</p>
<p>$_SC[charset]<br />
 定义了ss的编码类型，应用于header.html.php中。类似：<br />
 <code>&lt;meta http-equiv="Content-Type" content="text/html; charset=$_SC[charset]" /&gt;</code></p>
<p>$title<br />
 定义当前页面标题，如果是首页就是“站点名”，如果是内容页就是“文章标题 &#8211; 站点名”</p>
<p>$_SCONFIG[seotitle]<br />
 调用“标题附加字”</p>
<p>$keywords<br />
 定义当前页面关键字，如果是首页就是“站点名”，如果是内容页就是“文章相关Tags”</p>
<p>$_SCONFIG[seokeywords]<br />
 调用“Meta Keywords”</p>
<p>$description<br />
 定义当前页面说明，如果是首页就是“站点名”，如果是内容页就是“文章摘要”</p>
<p>$_SCONFIG[seodescription]<br />
 调用“Meta Description”</p>
<p>$_SCONFIG[sitename]<br />
 调用“站点名”</p>
<p>{S_URL}<br />
 站点的路径</p>
<p>$_SCONFIG[template]<br />
 当前使用模板的名字，也就是模板所在的文件夹名</p>
<p>$_SCONFIG[adminemail]<br />
 管理员邮箱</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/04/supesite70-system-variable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>说说Web平台RSS聚合程序</title>
		<link>http://mingelz.com/2009/02/rss-program-on-web-platform/</link>
		<comments>http://mingelz.com/2009/02/rss-program-on-web-platform/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 14:55:49 +0000</pubDate>
		<dc:creator>mingelz</dc:creator>
				<category><![CDATA[我也挨踢]]></category>
		<category><![CDATA[Feed]]></category>
		<category><![CDATA[Feed on Feeds]]></category>
		<category><![CDATA[Gregarius]]></category>
		<category><![CDATA[iXNA]]></category>
		<category><![CDATA[Lilina]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[SXNA]]></category>
		<category><![CDATA[Tiny Tiny RSS]]></category>
		<category><![CDATA[聚合]]></category>

		<guid isPermaLink="false">http://mingelz.com/?p=222</guid>
		<description><![CDATA[因为想弄一个金粉聚合的平台，所以最近下载了几个RSS聚合程序试用。今天在这里说说一些试用感受：
1、Tiny Tiny RSS
首先说说在搜索“RSS聚合程序”时“呼声”最高的Tiny Tiny RSS，官方提供演示地址。这个程序需要PHP+MySQL支持，目前的最新版是2008-1-21号发布的1.3.0版，一年多没更新了……

优点：程序自带了中文（虽然汉化的不全）；可以更换风格模板，而且默认提供的4套也挺漂亮；后台的设置项很多，管理很方便；支持多人模式，每个用户可以根据喜好自由设置；支持星标、标记已读未读等操作。
 缺点：很可惜在IE浏览器（我只测试了IE6/IE7）上有问题，根本无法使用。
2、Gregarius
下边出场的是被很多人夸奖的Gregarius，同样是PHP+MySQL程序，开源，目前的最新版为0.6.1，2008-11-26号发布。
优点：除了没有多用户功能外，Tiny Tiny RSS的优点它都具备了（怪不得被那么多人支持）；另外还可以对订阅进行分类；支持插件（默认已经带了好多）。
 缺点：这个程序对中文支持的非常烂……虽不能说无法使用，但绝对影响使用。
3、Lilina
接下来要说的是Lilina，同样是一款开源的PHP程序，目前有两个版本：稳定版的版本号是0.7，于2005-5-24日发布；最新的每日构建版（Nightly Builds）发布于2009-2-15。看一下这两个版本的发布日期，令我对作者的想法很费解……我只下载试用了最新的每日构建版，对于3年半前发布的稳定版兴趣不大了。
优点：支持更换模板样式；支持插件；对中文支持很好；浏览器兼容性很好。
 缺点：目前没有中文语言（不过有位网友做了中文包）；没有分类、标签、星标等功能；管理项少的可怜，很多设置需要修改源码；使用文本存储设置及Feed，速度很慢。
4、Feed on Feeds
Feed on Feeds也是PHP+MySQL程序，它的官网好像被墙了，大家可以到它在Google code的项目页面下载最新的0.5版，虽然是最新版，但从2007-12-19到现在，也已经1年多没更新了。
优点：有标记星标、未读已读等操作；有一键添加到Delicious链接。
 缺点：没有中文语言；可设置的项目比较少；界面比较简陋；最不爽的：不支持匿名阅读，需要登录才能操作……
5、iXNA
现在要说的这个iXNA，是由国人开发的一款RSS聚合程序，PHP+MySQL，开源。当前0.5版仍处于测试期，最新更新日期2008-10-10。官网本身就是一个Demo，大家可以参考。
优点：基本已经形成一个平台了，具有博客的友链、分类、Tags、Digg等时尚功能；支持多用户；后台管理很强大。
 缺点：相比前边几个，从功能上来说iXNA已经很完美了。但是我在安装时发现，程序只能装在站点根目录下，否则会出现错误，正在研究修改中……
6、SXNA
除了上边提到的五款基于PHP的程序外，我还发现了一款基于ASP的RSS聚合器——SXNA，最新的1.7版发布于2006-2-13，也有年头了，因为我的主机使用LAMP环境，就没有下载试用。
最后还要说的是像BXNA、MXNA、WPCNG火星等等的聚合程序，感觉做的都很不错，可惜没有源码可以下载。
update 2009-5-16：
今天上网时突然发现原来ZBlog的作者也曾经在2005年推出过一款名为ZXNA的RSS聚合程序，运行环境是ASP+Access，可惜现在已经再无消息了。
]]></description>
			<content:encoded><![CDATA[<p>因为想弄一个金粉聚合的平台，所以最近下载了几个RSS聚合程序试用。今天在这里说说一些试用感受：</p>
<p>1、<strong>Tiny Tiny RSS</strong></p>
<p>首先说说在搜索“RSS聚合程序”时“呼声”最高的<a href="http://tt-rss.org/">Tiny Tiny RSS</a>，官方提供<a href="http://tt-rss.org/demo">演示地址</a>。这个程序需要PHP+MySQL支持，目前的最新版是2008-1-21号发布的1.3.0版，一年多没更新了……</p>
<p><span id="more-222"></span></p>
<p>优点：程序自带了中文（虽然汉化的不全）；可以更换风格模板，而且默认提供的4套也挺漂亮；后台的设置项很多，管理很方便；支持多人模式，每个用户可以根据喜好自由设置；支持星标、标记已读未读等操作。<br />
 缺点：很可惜在IE浏览器（我只测试了IE6/IE7）上有问题，根本无法使用。</p>
<p>2、<strong>Gregarius</strong></p>
<p>下边出场的是被很多人夸奖的<a href="http://gregarius.net/">Gregarius</a>，同样是PHP+MySQL程序，开源，目前的最新版为0.6.1，2008-11-26号发布。</p>
<p>优点：除了没有多用户功能外，Tiny Tiny RSS的优点它都具备了（怪不得被那么多人支持）；另外还可以对订阅进行分类；支持插件（默认已经带了好多）。<br />
 缺点：这个程序对中文支持的非常烂……虽不能说无法使用，但绝对影响使用。</p>
<p>3、<strong>Lilina</strong></p>
<p>接下来要说的是<a href="http://getlilina.org/">Lilina</a>，同样是一款开源的PHP程序，目前有两个版本：稳定版的版本号是0.7，于2005-5-24日发布；最新的每日构建版（Nightly Builds）发布于2009-2-15。看一下这两个版本的发布日期，令我对作者的想法很费解……我只下载试用了最新的每日构建版，对于3年半前发布的稳定版兴趣不大了。</p>
<p>优点：支持更换模板样式；支持插件；对中文支持很好；浏览器兼容性很好。<br />
 缺点：目前没有中文语言（<a href="http://www.walkingbean.net/works/coding/lilina-chinese.html">不过有位网友做了中文包</a>）；没有分类、标签、星标等功能；管理项少的可怜，很多设置需要修改源码；使用文本存储设置及Feed，速度很慢。</p>
<p>4、<strong>Feed on Feeds</strong></p>
<p><a href="http://feedonfeeds.com/">Feed on Feeds</a>也是PHP+MySQL程序，它的官网好像被墙了，大家可以到<a href="http://code.google.com/p/feed-on-feeds/">它在Google code的项目页面</a>下载最新的0.5版，虽然是最新版，但从2007-12-19到现在，也已经1年多没更新了。</p>
<p>优点：有标记星标、未读已读等操作；有一键添加到Delicious链接。<br />
 缺点：没有中文语言；可设置的项目比较少；界面比较简陋；最不爽的：不支持匿名阅读，需要登录才能操作……</p>
<p>5、<strong><acronym title="Idea XML News Aggregator">iXNA</acronym></strong></p>
<p>现在要说的这个<a href="http://ixna.net"><acronym title="Idia XML News Aggregator">iXNA</acronym></a>，是由国人开发的一款RSS聚合程序，PHP+MySQL，开源。当前0.5版仍处于测试期，最新更新日期2008-10-10。官网本身就是一个Demo，大家可以参考。</p>
<p>优点：基本已经形成一个平台了，具有博客的友链、分类、Tags、Digg等时尚功能；支持多用户；后台管理很强大。<br />
 缺点：相比前边几个，从功能上来说iXNA已经很完美了。但是我在安装时发现，程序只能装在站点根目录下，否则会出现错误，正在研究修改中……</p>
<p>6、<strong><acronym title="Sipo XML News Aggregator">SXNA</acronym></strong></p>
<p>除了上边提到的五款基于PHP的程序外，我还发现了一款基于ASP的RSS聚合器——<a href="http://www.dc9.cn/post/SXNA1-7.html"><acronym title="Sipo XML News Aggregator">SXNA</acronym></a>，最新的1.7版发布于2006-2-13，也有年头了，因为我的主机使用LAMP环境，就没有下载试用。</p>
<p>最后还要说的是像<a href="http://blog.blueidea.com/"><acronym title="Blueidea XML News Aggregator">BXNA</acronym></a>、<a href="http://feeds.adobe.com/"><acronym title="Macromedia XML News Aggregator">MXNA</acronym></a>、<a href="http://fairyfish.net/planet/">WPCNG火星</a>等等的聚合程序，感觉做的都很不错，可惜没有源码可以下载。</p>
<p><strong>update 2009-5-16</strong>：</p>
<p>今天上网时突然发现原来<a href="http://www.rainbowsoft.org/">ZBlog</a>的作者也曾经在2005年推出过一款名为<acronym title="Zhuxuan XML News Aggregator">ZXNA</acronym>的RSS聚合程序，运行环境是ASP+Access，可惜现在已经再无消息了。</p>
]]></content:encoded>
			<wfw:commentRss>http://mingelz.com/2009/02/rss-program-on-web-platform/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
