<?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>Zenoven 自由人 &#187; CSS</title>
	<atom:link href="http://www.zenoven.com/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zenoven.com</link>
	<description>有技术 有生活</description>
	<lastBuildDate>Sat, 04 Feb 2012 16:10:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>IE8 form嵌套导致DIV重复显示</title>
		<link>http://www.zenoven.com/technology/css/2010071386.html</link>
		<comments>http://www.zenoven.com/technology/css/2010071386.html#comments</comments>
		<pubDate>Fri, 23 Jul 2010 14:04:30 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[DIV]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[嵌套]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/technology/css/2010071386.html</guid>
		<description><![CDATA[<p>今天在做页面的时候发现了个奇怪的现象，一段代码在IE8下DIV好像重复显示了。（下面两段是经过，可以无视直接跳到具体现象那一部分）</p>
<p>在.NET群里面问了半天无果，雷锋QQ群众多朋友帮助下也没有找到原因，朋友们说也都是在IE8下有问题。检查这段代码的HTNL、CSS好多次，无果。无奈，一个个删这段代码之前、之后的代码，差不多删完了也同样没有找到。这段代码没问题啊。。。突然想到了这里面的form标签，对了，母版页也有个form！删了这段代码的form，OK！</p>
<p>晕。。。真没想到竟然是这个原因！现在想来，我这么久才找到bug所在，一方面是因为这段代码之前在纯HTML页面的时候是没有问题的，而粘贴到VS2005后，VS2005必须有一个默认的form ，另一方面我用了母版页，我一直以为是母版页有bug（因为前两天我用母版页的时候出过问题）</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010071386.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="烦人的IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">烦人的IE6</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="回顾下自己以前的作品" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353393.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">回顾下自己以前的作品</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress2.8.6升级失败及解决实战" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911810.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress2.8.6升级失败及解决实战</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JS代码根据网页来源显示不同内容" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fjs%2F2011031489.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JS代码根据网页来源显示不同内容</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Audio Player突然不能显示了。。。悲剧" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010031257.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Audio Player突然不能显示了。。。悲剧</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>今天在做页面的时候发现了个奇怪的现象，一段代码在IE8下DIV好像重复显示了。（下面两段是经过，可以无视直接跳到具体现象那一部分）</p>
<p>在.NET群里面问了半天无果，雷锋QQ群众多朋友帮助下也没有找到原因，朋友们说也都是在IE8下有问题。检查这段代码的HTNL、CSS好多次，无果。无奈，一个个删这段代码之前、之后的代码，差不多删完了也同样没有找到。这段代码没问题啊。。。突然想到了这里面的form标签，对了，母版页也有个form！删了这段代码的form，OK！</p>
<p>晕。。。真没想到竟然是这个原因！现在想来，我这么久才找到bug所在，一方面是因为这段代码之前在纯HTML页面的时候是没有问题的，而粘贴到VS2005后，VS2005必须有一个默认的form ，另一方面我用了母版页，我一直以为是母版页有bug（因为前两天我用母版页的时候出过问题）</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010071386.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="烦人的IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">烦人的IE6</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="回顾下自己以前的作品" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353393.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">回顾下自己以前的作品</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress2.8.6升级失败及解决实战" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911810.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress2.8.6升级失败及解决实战</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JS代码根据网页来源显示不同内容" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fjs%2F2011031489.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JS代码根据网页来源显示不同内容</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Audio Player突然不能显示了。。。悲剧" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010031257.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Audio Player突然不能显示了。。。悲剧</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010071386.html/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>CSS中的块级元素与内联元素</title>
		<link>http://www.zenoven.com/technology/css/2010061332.html</link>
		<comments>http://www.zenoven.com/technology/css/2010061332.html#comments</comments>
		<pubDate>Thu, 10 Jun 2010 15:28:14 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[元素]]></category>
		<category><![CDATA[内联]]></category>
		<category><![CDATA[块级]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/technology/css/2010061332.html</guid>
		<description><![CDATA[<p><span style="color: #000000;"><strong>块元素(block element)</strong></span></p>
<p>块级元素，形象点说就是一个四方块，可以放在页面上任何地方，一般都会另起一行显示。</p>
<p>有以下元素。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010061332.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="用CSS Sprites合并WordPress表情图片教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用CSS Sprites合并WordPress表情图片教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种HTML标签CSS属性默认值汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种HTML标签CSS属性默认值汇总</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p><span style="color: #000000;"><strong>块元素(block element)</strong></span></p>
<p>块级元素，形象点说就是一个四方块，可以放在页面上任何地方，一般都会另起一行显示。</p>
<p>有以下元素。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010061332.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="用CSS Sprites合并WordPress表情图片教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用CSS Sprites合并WordPress表情图片教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种HTML标签CSS属性默认值汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010061332.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种HTML标签CSS属性默认值汇总</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010061332.html/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>用CSS Sprites合并WordPress表情图片教程</title>
		<link>http://www.zenoven.com/technology/css/2010051307.html</link>
		<comments>http://www.zenoven.com/technology/css/2010051307.html#comments</comments>
		<pubDate>Tue, 11 May 2010 13:29:11 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[CSS Sprites]]></category>
		<category><![CDATA[合并]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[表情]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/technology/css/2010051307.html</guid>
		<description><![CDATA[<p>用CSS Sprites将WordPress表情图片合并为一个文件这个想法其实我很早就有了，我已经在别的网站上见到这样的应用了（比如人间网就用了这个技术）。</p>
<p><strong>那么这个方法有什么好处呢？</strong></p>
<p>我想这个方法最大的好处就是大大减少了<strong>HTTP Request数量</strong>（要知道一般博客上面如果有表情的话，那么表情图片的数量少则有7、8个，多则可达20+，像我之前就用了24个）以及图片的大小（以前我24个GIF图是36K+，现在则只有一个大小为4.74KB的xiaonei.png），这对于大流量的网站的好处是显而易见的。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010051307.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress表情不会动了？怎么回事？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress表情不会动了？怎么回事？</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="小站表情图片使用情况统计" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010051302.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">小站表情图片使用情况统计</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress折腾记-精简CSS及JS在插件中的调用" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2009121019.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress折腾记-精简CSS及JS在插件中的调用</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>用CSS Sprites将WordPress表情图片合并为一个文件这个想法其实我很早就有了，我已经在别的网站上见到这样的应用了（比如人间网就用了这个技术）。</p>
<p><strong>那么这个方法有什么好处呢？</strong></p>
<p>我想这个方法最大的好处就是大大减少了<strong>HTTP Request数量</strong>（要知道一般博客上面如果有表情的话，那么表情图片的数量少则有7、8个，多则可达20+，像我之前就用了24个）以及图片的大小（以前我24个GIF图是36K+，现在则只有一个大小为4.74KB的xiaonei.png），这对于大流量的网站的好处是显而易见的。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010051307.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress表情不会动了？怎么回事？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress表情不会动了？怎么回事？</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="小站表情图片使用情况统计" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010051302.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">小站表情图片使用情况统计</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress折腾记-精简CSS及JS在插件中的调用" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2009121019.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress折腾记-精简CSS及JS在插件中的调用</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010051307.html/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>WordPress表情不会动了？怎么回事？</title>
		<link>http://www.zenoven.com/technology/css/2010051306.html</link>
		<comments>http://www.zenoven.com/technology/css/2010051306.html#comments</comments>
		<pubDate>Tue, 11 May 2010 04:42:44 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[表情]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/technology/css/2010051306.html</guid>
		<description><![CDATA[<p>首先请刷新下~~</p>
<p>如果还是不会动。。。那么就证明我成功了！哈哈，是不是有点莫名奇妙？</p>
<p><strong>因为你现在看到的所有表情其实都在一个图片文件里，是个静态的GIF，大小5.32KB，这个就是昨天晚上忙乎了几个小时的效果。</strong></p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010051306.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="再次对WordPress表情插件动刀" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911815.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">再次对WordPress表情插件动刀</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="用CSS Sprites合并WordPress表情图片教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用CSS Sprites合并WordPress表情图片教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress情结" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911866.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/03/29/353427.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress情结</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享一份WordPress主题制作教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200912891.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/19/353423.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享一份WordPress主题制作教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WP修改实战之无插件更换WP默认表情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911737.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/01/22/353451.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WP修改实战之无插件更换WP默认表情</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>首先请刷新下~~</p>
<p>如果还是不会动。。。那么就证明我成功了！哈哈，是不是有点莫名奇妙？</p>
<p><strong>因为你现在看到的所有表情其实都在一个图片文件里，是个静态的GIF，大小5.32KB，这个就是昨天晚上忙乎了几个小时的效果。</strong></p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010051306.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="再次对WordPress表情插件动刀" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911815.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">再次对WordPress表情插件动刀</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="用CSS Sprites合并WordPress表情图片教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用CSS Sprites合并WordPress表情图片教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress情结" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911866.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/03/29/353427.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress情结</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享一份WordPress主题制作教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200912891.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/19/353423.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享一份WordPress主题制作教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WP修改实战之无插件更换WP默认表情" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911737.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051306.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/01/22/353451.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WP修改实战之无插件更换WP默认表情</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010051306.html/feed</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>各种HTML标签CSS属性默认值汇总</title>
		<link>http://www.zenoven.com/technology/css/2010031246.html</link>
		<comments>http://www.zenoven.com/technology/css/2010031246.html#comments</comments>
		<pubDate>Sat, 06 Mar 2010 05:32:05 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[精华文章]]></category>
		<category><![CDATA[HTML标签]]></category>
		<category><![CDATA[属性]]></category>
		<category><![CDATA[汇总]]></category>
		<category><![CDATA[默认值]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/?p=1246</guid>
		<description><![CDATA[<blockquote><p>html, address,<br />
blockquote,<br />
body, dd, div,<br />
dl, dt, fieldset, form,<br />
frame, frameset,<br />
h1, h2, h3, h4,<br />
h5, h6, noframes,<br />
ol, p, ul, center,<br />
dir, hr, menu, pre   { display: block }<br />
li              { display: list-item }<br />
head            { display: none }<br />
table           { display: table }<br />
tr              { display: table-row }<br />
thead           { display: table-header-group }<br />
tbody           { display: table-row-group }<br />
tfoot           { display: table-footer-group }<br />
col             { display: table-column } <br />
colgroup        { display: table-column-group }<br />
td, th          { display: table-cell; }<br />
caption         { display: table-caption }<br />
th              { font-weight: bolder; text-align: center }<br />
caption         { text-align: center }<br />
body            { margin: 8px; line-height: 1.12 }<br />
h1              { font-size: 2em; margin: .67em 0 }<br />
h2              { font-size: 1.5em; margin: .75em 0 }<br />
h3              { font-size: 1.17em; margin: .83em 0 }<br />
h4, p,<br />
blockquote, ul,<br />
fieldset, form,<br />
ol, dl, dir,<br />
menu            { margin: 1.12em 0 } </p>
<p>h5              { font-size: .83em; margin: 1.5em 0 }<br />
h6              { font-size: .75em; margin: 1.67em 0 }<br />
h1, h2, h3, h4,<br />
h5, h6, b,<br />
strong          { font-weight: bolder }<br />
blockquote      { margin-left: 40px; margin-right: 40px }<br />
i, cite, em,<br />
var, address    { font-style: italic }<br />
pre, tt, code,<br />
kbd, samp       { font-family: monospace }<br />
pre             { white-space: pre }<br />
button, textarea,<br />
input, object, <br />
select          { display:inline-block; }<br />
big             { font-size: 1.17em }<br />
small, sub, sup { font-size: .83em }<br />
sub             { vertical-align: sub } <br />
sup             { vertical-align: super }<br />
table           { border-spacing: 2px; }<br />
thead, tbody,<br />
tfoot           { vertical-align: middle }<br />
td, th          { vertical-align: inherit }<br />
s, strike, del  { text-decoration: line-through }<br />
hr              { border: 1px inset }<br />
ol, ul, dir,<br />
menu, dd        { margin-left: 40px }<br />
ol              { list-style-type: decimal }<br />
ol ul, ul ol,<br />
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }<br />
u, ins          { text-decoration: underline }<br />
br:before       { content: ”\A” }<br />
:before, :after { white-space: pre-line } </p>
<p>center          { text-align: center }<br />
abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }<br />
:link, :visited { text-decoration: underline }<br />
:focus          { outline: thin dotted invert }</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010031246.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS布局设计：三列浮动中间列宽度自适应" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910640.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS布局设计：三列浮动中间列宽度自适应</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS背景属性之改造iNove主题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911821.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS背景属性之改造iNove主题</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<blockquote><p>html, address,<br />
blockquote,<br />
body, dd, div,<br />
dl, dt, fieldset, form,<br />
frame, frameset,<br />
h1, h2, h3, h4,<br />
h5, h6, noframes,<br />
ol, p, ul, center,<br />
dir, hr, menu, pre   { display: block }<br />
li              { display: list-item }<br />
head            { display: none }<br />
table           { display: table }<br />
tr              { display: table-row }<br />
thead           { display: table-header-group }<br />
tbody           { display: table-row-group }<br />
tfoot           { display: table-footer-group }<br />
col             { display: table-column } <br />
colgroup        { display: table-column-group }<br />
td, th          { display: table-cell; }<br />
caption         { display: table-caption }<br />
th              { font-weight: bolder; text-align: center }<br />
caption         { text-align: center }<br />
body            { margin: 8px; line-height: 1.12 }<br />
h1              { font-size: 2em; margin: .67em 0 }<br />
h2              { font-size: 1.5em; margin: .75em 0 }<br />
h3              { font-size: 1.17em; margin: .83em 0 }<br />
h4, p,<br />
blockquote, ul,<br />
fieldset, form,<br />
ol, dl, dir,<br />
menu            { margin: 1.12em 0 } </p>
<p>h5              { font-size: .83em; margin: 1.5em 0 }<br />
h6              { font-size: .75em; margin: 1.67em 0 }<br />
h1, h2, h3, h4,<br />
h5, h6, b,<br />
strong          { font-weight: bolder }<br />
blockquote      { margin-left: 40px; margin-right: 40px }<br />
i, cite, em,<br />
var, address    { font-style: italic }<br />
pre, tt, code,<br />
kbd, samp       { font-family: monospace }<br />
pre             { white-space: pre }<br />
button, textarea,<br />
input, object, <br />
select          { display:inline-block; }<br />
big             { font-size: 1.17em }<br />
small, sub, sup { font-size: .83em }<br />
sub             { vertical-align: sub } <br />
sup             { vertical-align: super }<br />
table           { border-spacing: 2px; }<br />
thead, tbody,<br />
tfoot           { vertical-align: middle }<br />
td, th          { vertical-align: inherit }<br />
s, strike, del  { text-decoration: line-through }<br />
hr              { border: 1px inset }<br />
ol, ul, dir,<br />
menu, dd        { margin-left: 40px }<br />
ol              { list-style-type: decimal }<br />
ol ul, ul ol,<br />
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }<br />
u, ins          { text-decoration: underline }<br />
br:before       { content: ”\A” }<br />
:before, :after { white-space: pre-line } </p>
<p>center          { text-align: center }<br />
abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }<br />
:link, :visited { text-decoration: underline }<br />
:focus          { outline: thin dotted invert }</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010031246.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS布局设计：三列浮动中间列宽度自适应" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910640.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS布局设计：三列浮动中间列宽度自适应</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS背景属性之改造iNove主题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911821.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS背景属性之改造iNove主题</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010031246.html/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>CSS Sprites技巧:单个图片插入多个链接</title>
		<link>http://www.zenoven.com/technology/css/2010031243.html</link>
		<comments>http://www.zenoven.com/technology/css/2010031243.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 05:24:48 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[精华文章]]></category>
		<category><![CDATA[CSS Sprites]]></category>
		<category><![CDATA[单个图片]]></category>
		<category><![CDATA[多个链接]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/?p=1243</guid>
		<description><![CDATA[<p>平时我们做网页的时候会用到img标签来插入图片，再结合a标签可以给图片加上链接，但是其实单独用a标签就可以实现这样的效果，而且可以在单个图片中插入多个链接。</p>
<p>本文的基本做法就是用CSS Sprites将多个图片合并为1个，用CSS中的background属性代替img标签，用background-position来实现多个图片链接的最终效果。</p>
<p>例如原来3个图片链接的HTML代码如下</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010031243.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="用CSS Sprites合并WordPress表情图片教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用CSS Sprites合并WordPress表情图片教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种HTML标签CSS属性默认值汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种HTML标签CSS属性默认值汇总</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS代码命名及书写规范篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS代码命名及书写规范篇</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>平时我们做网页的时候会用到img标签来插入图片，再结合a标签可以给图片加上链接，但是其实单独用a标签就可以实现这样的效果，而且可以在单个图片中插入多个链接。</p>
<p>本文的基本做法就是用CSS Sprites将多个图片合并为1个，用CSS中的background属性代替img标签，用background-position来实现多个图片链接的最终效果。</p>
<p>例如原来3个图片链接的HTML代码如下</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010031243.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="用CSS Sprites合并WordPress表情图片教程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010051307.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">用CSS Sprites合并WordPress表情图片教程</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种HTML标签CSS属性默认值汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种HTML标签CSS属性默认值汇总</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS代码命名及书写规范篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS代码命名及书写规范篇</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010031243.html/feed</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>烦人的IE6</title>
		<link>http://www.zenoven.com/life/other/2010021203.html</link>
		<comments>http://www.zenoven.com/life/other/2010021203.html#comments</comments>
		<pubDate>Thu, 04 Feb 2010 15:09:03 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[本站记实]]></category>
		<category><![CDATA[杂记]]></category>
		<category><![CDATA[3PX]]></category>
		<category><![CDATA[BUG]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[烦人]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/?p=1203</guid>
		<description><![CDATA[<p>本来两个div，并列显示，宽度加一块正好是父div的宽度，左面main float:left ，右面的sidebar float:left ，显示也OK了。</p>
<p>后来又改了别的CSS，接着又把 sidebar float改为right ，却莫名奇妙的不行了，改为left同样不行。。。郁闷了。后来把sidebar宽度减3，可以了，IE 3PX BUG我记得不是这样的哎。。。怎么这里又正好是3px，无奈。。。</p>
<p>后来用了网上说的一方法，sidebar宽度仍为原来的，margin:-3px  ，OK了。。。。但是心里还是不爽，我想让他float:right  不是left哎。。。虽然效果一样，但是心里不爽。。。超级不爽。。。。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/life/other/2010021203.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="IE8 form嵌套导致DIV重复显示" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/22/111952.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE8 form嵌套导致DIV重复显示</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress2.8.6升级失败及解决实战" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911810.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress2.8.6升级失败及解决实战</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="zenoven自由人推荐:很好的JAVA资源" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fjava%2F20090836.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">zenoven自由人推荐:很好的JAVA资源</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="2010年6月份评论之王诞生" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Frecord%2F2010071365.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/01/30/69037.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">2010年6月份评论之王诞生</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="推动浏览器的W3C标准需要这样做吗？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010031270.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/01/30/353361.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">推动浏览器的W3C标准需要这样做吗？</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>本来两个div，并列显示，宽度加一块正好是父div的宽度，左面main float:left ，右面的sidebar float:left ，显示也OK了。</p>
<p>后来又改了别的CSS，接着又把 sidebar float改为right ，却莫名奇妙的不行了，改为left同样不行。。。郁闷了。后来把sidebar宽度减3，可以了，IE 3PX BUG我记得不是这样的哎。。。怎么这里又正好是3px，无奈。。。</p>
<p>后来用了网上说的一方法，sidebar宽度仍为原来的，margin:-3px  ，OK了。。。。但是心里还是不爽，我想让他float:right  不是left哎。。。虽然效果一样，但是心里不爽。。。超级不爽。。。。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/life/other/2010021203.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="IE8 form嵌套导致DIV重复显示" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/22/111952.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE8 form嵌套导致DIV重复显示</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress2.8.6升级失败及解决实战" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911810.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress2.8.6升级失败及解决实战</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="zenoven自由人推荐:很好的JAVA资源" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fjava%2F20090836.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">zenoven自由人推荐:很好的JAVA资源</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="2010年6月份评论之王诞生" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Frecord%2F2010071365.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/01/30/69037.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">2010年6月份评论之王诞生</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="推动浏览器的W3C标准需要这样做吗？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010031270.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010021203.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/01/30/353361.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">推动浏览器的W3C标准需要这样做吗？</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/life/other/2010021203.html/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>回顾下自己以前的作品</title>
		<link>http://www.zenoven.com/technology/css/2010011132.html</link>
		<comments>http://www.zenoven.com/technology/css/2010011132.html#comments</comments>
		<pubDate>Sat, 16 Jan 2010 16:27:01 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[本站记实]]></category>
		<category><![CDATA[DIV]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[作品]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[网页]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/?p=1132</guid>
		<description><![CDATA[<p>今天无意中翻到了自己以前做的那些网页，感触甚多啊。</p>
<p>虽然当时的作品有很多缺点，甚至当时都不懂DIV ，CSS，更不懂什么浏览器兼容性，但是当时也是花了很大功夫去做，而且那时这样的作品也算是不错的。。。哈哈，自恋下。</p>
<p>这里共有两个作品，截图如下。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010011132.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE8 form嵌套导致DIV重复显示" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/22/111952.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE8 form嵌套导致DIV重复显示</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种HTML标签CSS属性默认值汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种HTML标签CSS属性默认值汇总</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS代码命名及书写规范篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS代码命名及书写规范篇</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>今天无意中翻到了自己以前做的那些网页，感触甚多啊。</p>
<p>虽然当时的作品有很多缺点，甚至当时都不懂DIV ，CSS，更不懂什么浏览器兼容性，但是当时也是花了很大功夫去做，而且那时这样的作品也算是不错的。。。哈哈，自恋下。</p>
<p>这里共有两个作品，截图如下。</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010011132.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE8 form嵌套导致DIV重复显示" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010071386.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/22/111952.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE8 form嵌套导致DIV重复显示</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="各种HTML标签CSS属性默认值汇总" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031246.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">各种HTML标签CSS属性默认值汇总</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS代码命名及书写规范篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS代码命名及书写规范篇</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010011132.html/feed</wfw:commentRss>
		<slash:comments>48</slash:comments>
		</item>
		<item>
		<title>细节 我们可以关注更多一些</title>
		<link>http://www.zenoven.com/life/other/2010011091.html</link>
		<comments>http://www.zenoven.com/life/other/2010011091.html#comments</comments>
		<pubDate>Sat, 09 Jan 2010 07:08:26 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[本站记实]]></category>
		<category><![CDATA[杂记]]></category>
		<category><![CDATA[iNove]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[细节]]></category>
		<category><![CDATA[网页]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/?p=1091</guid>
		<description><![CDATA[<p>细节决定成败，我觉得很有道理，我也不准备在这个问题上多说什么，只是拿这句话用用而已。</p>
<p>我的主题一直就是mg12的iNove，从开始用到现在几乎是每个能改的地方我都改了，有的朋友问我要我的改装版，不是我不愿给（我曾经给过一些朋友的），是因为很多改动的地方我自己都不记得了，更是因为许多地方我把那些动态的函数换成了静态的HTML代码，删删减减，如果你不是太懂网页，直接拿去用恐怕是很难的。</p>
<p>下面是我的一些细节的改动</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/life/other/2010011091.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="修改iNove主题默认导航菜单 同时显示分类目录和页面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fphp%2F200910628.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">修改iNove主题默认导航菜单 同时显示分类目录和页面</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="回顾下自己以前的作品" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353393.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">回顾下自己以前的作品</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS背景属性之改造iNove主题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911821.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS背景属性之改造iNove主题</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于本站对iNove主题的修改。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Frecord%2F20090873.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于本站对iNove主题的修改。。。</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress之iNove主题自定义个性首页初探" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200912975.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/19/353415.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress之iNove主题自定义个性首页初探</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>细节决定成败，我觉得很有道理，我也不准备在这个问题上多说什么，只是拿这句话用用而已。</p>
<p>我的主题一直就是mg12的iNove，从开始用到现在几乎是每个能改的地方我都改了，有的朋友问我要我的改装版，不是我不愿给（我曾经给过一些朋友的），是因为很多改动的地方我自己都不记得了，更是因为许多地方我把那些动态的函数换成了静态的HTML代码，删删减减，如果你不是太懂网页，直接拿去用恐怕是很难的。</p>
<p>下面是我的一些细节的改动</p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/life/other/2010011091.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="修改iNove主题默认导航菜单 同时显示分类目录和页面" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fphp%2F200910628.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">修改iNove主题默认导航菜单 同时显示分类目录和页面</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="回顾下自己以前的作品" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011132.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353393.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">回顾下自己以前的作品</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS背景属性之改造iNove主题" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200911821.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS背景属性之改造iNove主题</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于本站对iNove主题的修改。。。" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Frecord%2F20090873.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于本站对iNove主题的修改。。。</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress之iNove主题自定义个性首页初探" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F200912975.html&from=http%3A%2F%2Fwww.zenoven.com%2Flife%2Fother%2F2010011091.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/19/353415.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress之iNove主题自定义个性首页初探</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/life/other/2010011091.html/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>CSS代码命名及书写规范篇</title>
		<link>http://www.zenoven.com/technology/css/2010011085.html</link>
		<comments>http://www.zenoven.com/technology/css/2010011085.html#comments</comments>
		<pubDate>Wed, 06 Jan 2010 11:46:19 +0000</pubDate>
		<dc:creator>自由人</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[书写规范]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[命名]]></category>

		<guid isPermaLink="false">http://www.zenoven.com/?p=1085</guid>
		<description><![CDATA[<p>一直以来我的CSS都是参考人家的，看着人家的怎样写然后自己一点点模仿，也没有注意什么规范，这并不是长久之计，学习下一些规范还是很有必要的，<span style="color: #008000;">这份规范也是在网络上搜集的</span>，目的是方便自己，方便大家，如果其中有错误请大家指正。</p>
<p><strong>CSS命名规范</strong></p>
<p><strong>一．文件命名规范</strong></p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010011085.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="精简版JAVA代码编写规范之PDF版" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fjava%2F200911743.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/20/353450.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">精简版JAVA代码编写规范之PDF版</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS布局设计：三列浮动中间列宽度自适应" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910640.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS布局设计：三列浮动中间列宽度自适应</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>一直以来我的CSS都是参考人家的，看着人家的怎样写然后自己一点点模仿，也没有注意什么规范，这并不是长久之计，学习下一些规范还是很有必要的，<span style="color: #008000;">这份规范也是在网络上搜集的</span>，目的是方便自己，方便大家，如果其中有错误请大家指正。</p>
<p><strong>CSS命名规范</strong></p>
<p><strong>一．文件命名规范</strong></p> <p><a style="float:right;font-size:13px;font-weight:bold;margin-right:5px;" href='http://www.zenoven.com/technology/css/2010011085.html' rel="nofollow">[阅读全文...]</a></p><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢这些文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="写规范CSS代码 避免浏览器解析错误" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910632.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">写规范CSS代码 避免浏览器解析错误</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="精简版JAVA代码编写规范之PDF版" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fjava%2F200911743.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/20/353450.jpg" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">精简版JAVA代码编写规范之PDF版</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Sprites技巧:单个图片插入多个链接" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010031243.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2010/12/21/353372.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Sprites技巧:单个图片插入多个链接</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS 盒模型概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F20090814.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/site_images/2011/07/28/19356133.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS 盒模型概述</font>
                    </a>
                </td>
                <td width="106" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS布局设计：三列浮动中间列宽度自适应" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F200910640.html&from=http%3A%2F%2Fwww.zenoven.com%2Ftechnology%2Fcss%2F2010011085.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 100px !important; height: 100px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="100px" height="100px" /><br />
                        <font size="-1"  style="display: block !important; line-height: 15px !important; width: 106px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS布局设计：三列浮动中间列宽度自适应</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.zenoven.com/technology/css/2010011085.html/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>

