<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet href='http://feed.taoper.com/styles/feedsky2.xsl' type='text/xsl' ?><!--这是一个由Feedsy提供技术支持的Feed，为了提高读者阅读的体验，以及满足用户美化自己Feed的需要，我们设计了多种精美的Feed模板，提供给大家选择，所有最终呈现出来的样式，皆由用户自愿选择使用，未经许可，任何团体和个人，请不要擅自修改样式或者盗用，这是对于用户选择权的尊重。--><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:fs="http://www.feedsky.com/namespace/feed" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link href="http://feed.taoper.com" type="application/rss+xml" rel="self"></atom:link><fs:self_link href="http://feed.feedsky.com/taoper" type="application/rss+xml"></fs:self_link><lastBuildDate>Fri, 19 Mar 2010 02:29:05 GMT</lastBuildDate><title>桃铺村BLOG</title><description>设计源于灵感,灵感源于借鉴</description><link>http://www.taoper.com/blog/</link><language>zh-cn</language><copyright>Copyright 2005 PBlog3 v2.8</copyright><image><title>桃铺村设计BLOG</title><url>http://www.taoper.com/blog/images/logos.gif</url><link>http://www.taoper.com/blog/</link><description>桃铺村设计BLOG</description></image><item><title>dz7.1插入视频后出现 配置有误 无法播放</title><link>http://www.taoper.com/blog/article/article/690.htm</link><description>我在服务器上插入youku等网站上的视频均无法播放&lt;br/&gt;又在本机上测试也是相同的情况&lt;br/&gt;&lt;br/&gt;&lt;img src=&quot;http://www.taoper.com/blog/attachments/month_1003/a2010319102836.jpg&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;br/&gt;步骤也是：后台版块编辑-帖子选项-允许使用 [audio] [video] [flash] 等多媒体&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;请问该怎样解决啊 ？？&lt;br/&gt;&lt;br/&gt;&lt;strong&gt;&lt;br/&gt;解决方案：&lt;/strong&gt;&lt;br/&gt;Youku、ku6 等视频插入后部分视频存在 IE 下的兼容性问题&lt;br/&gt;打开 include/js/common.js，搜索并去掉以下&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;，然后更新缓存即可&lt;br/&gt;args[i+1] += (args[i+1].indexOf(&amp;#39;?&amp;#39;) != -1 ? &amp;#39;&amp;amp;&amp;#39; : &amp;#39;?&amp;#39;) + VERHASH;&lt;img src=&quot;http://www1.feedsky.com/t1/343564828/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/690.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564828/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564828/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>大杂烩</category><pubDate>Fri, 19 Mar 2010 10:29:05 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=690</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/690.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564828/5258534</fs:itemid></item><item><title>photoshop启动后“正在读取文本全球资源”时无响应的原因及解决办法2010-03-12 08:</title><link>http://www.taoper.com/blog/article/article/689.htm</link><description>现象：photoshop启动后到“正在读取文本全球资源，已完成”时无响应&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;原因：具体原因不清楚，不过单从字面上理解的话，“正在读取文本全球资源”说明它在寻找网络，但不知何故无法找到而卡住了*（我的理解是这样，如果有高手知道真正原因，请告知，谢谢）&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 解决办法：其实知道了原因，解决办法就很简单了——把网络关了：右键点网上邻居-属性-右键点本地连接-停用。好了，PS是不是马上就打开了！！！！！把网络打开，重启PS也不会有此问题了。&lt;br/&gt;从网上还找到了另外的两个解决办法：&lt;br/&gt;1.快捷地删除预置文件，在启动 PS 时（就是双击完PS的图标后）按住 Shift-Ctrl-Alt 组合键。（只需要这三个键就可以，不要再加Del什么的）&lt;br/&gt;&lt;br/&gt;2.可以在以下位置找到 PS 预置文件：&lt;br/&gt;&lt;br/&gt;C:\Documents and Settings\Administrator\Application&lt;br/&gt;Data\Adobe\Photoshop\9.0\Adobe Photoshop CS2 Settings&lt;br/&gt;&lt;br/&gt;Administrator 是你登录电脑使用的帐号。&lt;br/&gt;9.0 和 Adobe Photoshop CS2 Settings 是PS的版本。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 这两个方法有一个后遗症：预置文件删除后，你的一些个性设置也会没掉，要重新设置。因此个人感觉还是第一种方法比较好。&lt;br/&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564829/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/689.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564829/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564829/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>大杂烩</category><pubDate>Sun, 14 Mar 2010 12:23:18 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=689</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/689.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564829/5258534</fs:itemid></item><item><title>网站吸引客户的10大诀窍</title><link>http://www.taoper.com/blog/article/article/688.htm</link><description>&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;1、 为用户提供切实的服务。有些网站一心只想着赚钱，其实大错特错。客户是你的衣食父母，没有客户支持，你如何赚钱。&lt;br/&gt;&lt;br/&gt;　　2、 内容专一。有的网站，什么都想做，内容五花八门，没有主次。客户进入网站后，眼花缭乱，便没了兴趣。&lt;br/&gt;&lt;br/&gt;　　3、 信息分类明确。网站信息尽量分类明确，同类信息尽量集中，这样，客户才会长期逗留在自己感兴趣的页面。&lt;br/&gt;&lt;br/&gt;　　4、 内容爽朗。有的网站，内容总是密密麻麻一片，让人视觉疲劳。&lt;br/&gt;&lt;br/&gt;　　5、 操作尽量简单。复杂的操作只能让人望而却步，没有人喜欢极其复杂的操作。&lt;br/&gt;&lt;br/&gt;　　6、 页面赏心悦目。有的网站，乱七八糟，用户一进网站就想离开。&lt;br/&gt;&lt;br/&gt;　　7、 操作界面友好。操作界面尽量人性化，符合人们操作习惯。非人性化的界面只能让用户感觉到你不重视他们，他们当然也不会重视你。&lt;br/&gt;&lt;br/&gt;　　8、 网站层次清晰。合理布局网站层次，并且层次尽量不要太深。&lt;br/&gt;&lt;br/&gt;　　9、 合理导航。清晰的导航，让用户很清楚自己目前所处的位置，也方便用户选择自己想要的操作。&lt;br/&gt;&lt;br/&gt;　　10、 提示信息简单明了。提示信息非常重要，特别是出错提示。用户看到你的提示信息，很清楚下一步该怎么操作，否则，用户无法知道自己该做什么，只能选择弃你而去。&lt;br/&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564830/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/688.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564830/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564830/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>SEO</category><pubDate>Mon, 08 Mar 2010 10:30:54 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=688</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/688.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564830/5258534</fs:itemid></item><item><title>10天学会ASP教程</title><link>http://www.taoper.com/blog/article/article/687.htm</link><description>十天学会ASP系列文章不同于外面大多数的ASP书籍。它抓住的是ASP的精要内容，使很多对一大堆&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;望而却步的人能很快上手写ASP程序。&lt;br/&gt;&lt;br/&gt;&lt;img src=&quot;http://www.taoper.com/blog/images/download.gif&quot; alt=&quot;下载文件&quot; style=&quot;margin:0px 2px -4px 0px&quot;/&gt; &lt;a href=&quot;http://www.taoper.com/blog/attachments/month_1002/7201025145637.rar&quot; target=&quot;_blank&quot;&gt;点击下载此文件&lt;/a&gt;&lt;br/&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564831/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/687.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564831/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564831/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>网页设计</category><pubDate>Fri, 05 Feb 2010 14:56:39 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=687</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/687.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564831/5258534</fs:itemid></item><item><title>经典无缝滚动,点击向左向右按钮还可以控制方向</title><link>http://www.taoper.com/blog/article/article/686.htm</link><description>&amp;lt;div id=&amp;#34;demo&amp;#34; style=&amp;#34;overflow:hidden;height:120px;width:600px;color:#ffffff&amp;#34;&amp;gt;&lt;br/&gt;&amp;lt;table align=left cellpadding=0 border=0&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td id=&amp;#34;demo1&amp;#34; valign=top&amp;gt;&lt;br/&gt;&amp;lt;table border=0 cellpadding=0 cellspacing=0&amp;gt;&lt;br/&gt;&amp;lt;tr&amp;gt;&lt;br/&gt;&amp;lt;td&amp;gt;&amp;lt;img src=images/03.gif width=150 height=100&amp;gt;&amp;lt;/td&amp;gt;&lt;br/&gt;&amp;lt;td&amp;gt;&amp;lt;img src=images/03.gif width=150 height=100&amp;gt;&amp;lt;/td&amp;gt;&lt;br/&gt;&amp;lt;td&amp;gt;&amp;lt;img src=images/03.gif width=150 height=100&amp;gt;&amp;lt;/td&amp;gt;&lt;br/&gt;&amp;lt;td&amp;gt;&amp;lt;img src=images/03.gif width=150 height=100 &amp;gt;&amp;lt;/td&amp;gt;&lt;br/&gt;&amp;lt;td&amp;gt;&amp;lt;img src=images/03.gif width=150 height=100&amp;gt;&amp;lt;/td&amp;gt;&lt;br/&gt;&amp;lt;/tr&amp;gt;&lt;br/&gt;&amp;lt;/table&amp;gt;&lt;br/&gt;&amp;lt;/td&amp;gt;&amp;lt;td id=&amp;#34;demo2&amp;#34; valign=top&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&lt;br/&gt;&amp;lt;script language=&amp;#34;javascript&amp;#34;&amp;gt;&lt;br/&gt;var LeftMyMar;&lt;br/&gt;var MyMar;&lt;br/&gt;var speed=30;&lt;br/&gt;function&amp;nbsp;&amp;nbsp;MarqueeLeft()&lt;br/&gt;{&lt;br/&gt;clearInterval(MyMar)&lt;br/&gt;demo2.innerHTML=demo1.innerHTML&lt;br/&gt;//向左走&lt;br/&gt;function Marquee(){&lt;br/&gt;if(demo2.offsetWidth-demo.scrollLeft&amp;lt;=0)&lt;br/&gt;demo.scrollLeft-=demo1.offsetWidth&lt;br/&gt;else{&lt;br/&gt;demo.scrollLeft++&lt;br/&gt;}&lt;br/&gt;}&lt;br/&gt;LeftMyMar=setInterval(Marquee,speed)&lt;br/&gt;demo.onmouseover=function() {clearInterval(LeftMyMar)}&lt;br/&gt;demo.onmouseout=function() {LeftMyMar=setInterval(Marquee,speed)}&lt;br/&gt;}&lt;br/&gt;MarqueeLeft();&lt;br/&gt;function MarqueeRight()&lt;br/&gt;{&lt;br/&gt;clearInterval(LeftMyMar)&lt;br/&gt;demo2.innerHTML=demo1.innerHTML&lt;br/&gt;demo.scrollLeft=demo.scrollWidth&lt;br/&gt;function Marquee(){&lt;br/&gt;if(demo.scrollLeft&amp;lt;=0)&lt;br/&gt;demo.scrollLeft+=demo2.offsetWidth&lt;br/&gt;else{&lt;br/&gt;demo.scrollLeft--&lt;br/&gt;}&lt;br/&gt;}&lt;br/&gt;MyMar=setInterval(Marquee,speed)&lt;br/&gt;demo.onmouseover=function() {clearInterval(MyMar)}&lt;br/&gt;demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}&lt;br/&gt;}&lt;br/&gt;&amp;lt;/script&amp;gt;&lt;br/&gt;&amp;lt;a href=&amp;#34;#&amp;#34; onClick=&amp;#34;MarqueeLeft()&amp;#34;&amp;gt;向左&amp;lt;/a&amp;gt; &amp;lt;a href=&amp;#34;#&amp;#34; onClick=&amp;#34;MarqueeRight()&amp;#34;&amp;gt;向右&amp;lt;/a&amp;gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564832/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/686.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564832/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564832/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>特效代码</category><pubDate>Thu, 28 Jan 2010 11:12:35 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=686</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/686.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564832/5258534</fs:itemid></item><item><title>谈百度收录最新规则</title><link>http://www.taoper.com/blog/article/article/685.htm</link><description>很多用户咨询到百度搜索的问题，在这里也就集中谈谈这方面的重点。百度是国内使用率最高搜索引擎，占据了全国80%的搜索量，国内网站一般只要针对着百度搜索引擎的喜好&lt;a href=&quot;http://www.taoper.com/blog/default.asp?cateID=15&quot; target=&quot;_blank&quot;&gt;优化&lt;/a&gt;一下自己的网站，就能带来一定的流量，就像我们的网站，你搜索“江门万网”就是排在第一页第一名。&lt;br/&gt;&lt;br/&gt;分析得知百度最近已经更改网页权重算法，主要目的是打压电子商务网站和一些门户网站（阿里巴巴和搜狐网易腾讯等都是被打压的对象），以及彻底删除.cn域名的一些垃圾网站。网站SEO如何应对百度新算法以及新站如何被百度快速收录呢？下面公布一些要点，希望大家切记！&lt;br/&gt;&lt;br/&gt;1.一定要等网站建设完成后再向百度提交你的申请。此点非常重要！&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;2.网站早期的内容要保证80%原创化，即切记不要复制网上已经重复千百次的内容。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;2.1 原创化不等于原创，你可以将复制过来的内容加一修改，使之接近原创化。一般来说，需要修改文章的正文前200字，标题（title）、关键词（keywords）和描述（deion）也最好自己去写。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;2.2 原创化的效果一定比不上原创文章，但是同样会得到搜索引擎的收录！而采集后未经编辑的文章只有很少的一部分能够被搜索引擎收录。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;2.3 原创化可以是复制其它站上的某一篇文章加一修改，也可以是找多个网站的同一主题的文章，然后手工整理，使之形成一篇新文章，这样做明显比单一复制某一文章再修改要好的多！&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;3.为你的网站选择一个好域名，以及一个高速、稳定、安全的空间&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;3.1好的域名一般要满足三个条件：&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;3.1.1域名本身就是行业关键词或者热门关键词(这样的域名很多都已经被注册了，此时你可以注册看似冷门的关键词，就像 cet这样的词一年前并没有多大意义，但是今天却能够带来很多流量)！ 行业词汇做域名，可以无形中提高网站在搜索引擎中的地位！&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;3.1.2 域名最好是.com，如果你所想的.com域名已经被注册，建议换个思路，注册其它.com域名，实在不行，再考虑net的域名。最好不要采用.cn域名。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;3.1.3　3月以来的1元CN域名活动，使很多人手里都有好几十个CN米，很多人都用CN来做垃圾站，所以目前百度对CN米的审核非常严格，一般的站，如果很多内容是采集的，也许根本就不会被百度收录。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;3.1.4所有的玉米中：gov.cn / edu.cn 在搜索引擎尤其是百度中被收录的几率要比其它米大！除此之外，org要比net要比com容易被收录！&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;4.要建设合理的清晰的网站结构，让游客和搜索蜘蛛都可以顺利地阅读你网站所有前台页面。这点是最重要的，是SEO的关键！网页上挂Qollar，Qollar是一个被百度认可的具有防恶意点击功能的网页聊天工具，防恶意点击一直是百度竞价排名系统花大力气处理的问题。百度蜘蛛会首先检测网页内是否含有Qollar&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;，并且优先处理和收录放有Qollar&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;的网页。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;5.尽可能多地结交高质量的外部连接，如同行网站的友情连接，网站早期如果找不到同行站的友情连接，可以发布相关文章到同行站，再在所发布的文章中带一个自己的网站连接。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;6.网站里最好不要放置阿里妈妈广告。阿里妈妈是阿里巴巴公司八月中旬推出的一个C2C广告交易平台，此举被百度视为是百度广告联盟最大的竞争者。并且阿里巴巴公司也一直是公认的百度国内最强劲的竞争对手之一（所以才有百度宣布要推出C2C购物网站以打压淘宝）。阿里巴巴旗下网站也屡次被百度降低权重。此次阿里妈妈推出后，挂有阿里妈妈广告&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;的大量网站的百度收录急剧下降，甚至有清零的现象。&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;7.检测用户的行为，比如用户从那里来，来干什么，什么主题的内容最受欢迎！ 通过什么关键词找到你网站的,及时提供用户需要的资源,而不是一味地以自己的设想来更新。&lt;br/&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564833/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/685.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564833/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564833/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>SEO</category><pubDate>Tue, 26 Jan 2010 12:22:34 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=685</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/685.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564833/5258534</fs:itemid></item><item><title>CSS中你容易忘记的一些规则</title><link>http://www.taoper.com/blog/article/article/684.htm</link><description>　　一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。&lt;br/&gt;　　二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。&lt;br/&gt;　　三、一个兼容性调整(IE和Mozilla)的笨办法：&lt;br/&gt;　　　　初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。&lt;br/&gt;　　　　临时解决方法：选择符{属性名:B !important;属性名:A} 或许有时候并没有效果。你可以在taoper.com搜索更多的BUG解决方法。&lt;br/&gt;　　四、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding&lt;br/&gt;　　五、li标签前面的图标推荐使用background-image，而不是list-style-image。&lt;br/&gt;　　六、IE分不清继承关系和父子关系的差别，全部都是继承关系。&lt;br/&gt;　　七、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。&lt;br/&gt;　　八、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了，也可以保持文字的可读性。&lt;br/&gt;　　九、定义链接的四种状态要注意先后顺序: Link Visited Hover Active&lt;br/&gt;　　十、与内容无关的图片请使用background。时刻记住表现与内容分离。&lt;br/&gt;　　十一、定义颜色可以缩写#8899FF=#89F&lt;br/&gt;　　十二、table在某些方面还是有用武之地的，在遇到内容为数据表格时，不要对它产生憎恨的心理。&lt;br/&gt;　　十三、&amp;lt;script&amp;gt;没有language这个属性，应该写成这样:&amp;lt;script type=”text/javascript”&amp;gt;&lt;br/&gt;　　十四、完美的单象素外框线表格（在IE5、IE6、IE7及FF1.0.4以上中均可通过测试）&lt;br/&gt;　　　　table{ border-collapse:collapse; }&lt;br/&gt;　　　　td{ border:#000 solid 1px; }&lt;br/&gt;　　十五、margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left:XXpx这个属性。把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。&lt;br/&gt;　　十六、绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。&lt;br/&gt;　　十七、如果文字过长,则将过长的部分变成省略号显示：IE5,FF无效，但可以隐藏，IE6有效&lt;br/&gt;　　　　&amp;lt;DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”&amp;gt;&lt;br/&gt;　　　　&amp;lt;NOBR&amp;gt;就是比如有一行文字，很长，表格内一行显示不下.&amp;lt;/NOBR&amp;gt;&lt;br/&gt;　　十八、在IE中可能由于注释带来的文字重复问题时可以把注释改为：&lt;br/&gt;　　　　&amp;lt;!–[if !IE]&amp;gt;Put your commentary in here…&amp;lt;![endif]–&amp;gt;&lt;br/&gt;　　十九、如何用CSS调用外部字体&lt;br/&gt;　　　　语法：&lt;br/&gt;　　　　@font-face{font-family:name;src:url(url);sRules}&lt;br/&gt;　　　　取值：&lt;br/&gt;　　　　name：字体名称。任何可能的 font-family 属性的值&lt;br/&gt;　　　　url(url)：使用绝对或相对 url 地址指定OpenType字体文件&lt;br/&gt;　　　　sRules：样式表定义&lt;br/&gt;　　二十、如何让一个表单中的文本框中的文字垂直居中？&lt;br/&gt;　　　　如果用行高与高度的组在FF中是没有效果的，办法就是定义上下补白就可以实现想想的效果了。&lt;br/&gt;　　二十一、定义A标签要注意的小问题：&lt;br/&gt;　　　　当我们定义a{color:red;}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了，其它三种状态就是A中所定义的样式。只定义了一个a:link时，一定要记得把其它三种状态定义出来！&lt;br/&gt;　　二十二、并不是所有样式都要简写：&lt;br/&gt;　　　　当样式表前定义了如p{padding:1px 2px 3px 4px}时，在后续工程中又增加了一个样式上补白5px，下补白6px。我们并不一定要写成p.style1{padding:5px 6px 3px 4px}。可以写成p.style1{padding-top:5px;padding-right:6px;},你可能会感觉这样写还不如原来那样好，但你想没想过，你的那种写法重复定义了样式，另外你可以不必去找原来的下补白与左补白的值是多少！如果以后前一个样式P变了话，你定义的p.style1的样式也要变。&lt;br/&gt;　　二十三、网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类等。&lt;br/&gt;　　二十四、固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行。)（IE5以上）FF不能，它只隐藏。&lt;br/&gt;&lt;br/&gt;　　如果您有很多不明白的，没关系，记录下这些技巧，常来taoper.com看看，您一定有所收获。您也可以在左侧的搜索框输入你感兴趣的内容进行搜索。欢迎您发表评论，补充CSS技巧。&lt;br/&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564834/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/684.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564834/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564834/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>DIV+CSS</category><pubDate>Wed, 06 Jan 2010 09:14:59 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=684</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/684.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564834/5258534</fs:itemid></item><item><title>十个超级技巧助你解决CSS兼容问题</title><link>http://www.taoper.com/blog/article/article/683.htm</link><description>&lt;p&gt;大家在学习了很多关于CSS布局的知识与技巧，然而CSS样式兼容问题也不容小看，它引出的问题往往让大家一愁莫展，由于各浏览器对CSS的不同解释，造成本来IE7可正常显示，但到了firefox&amp;nbsp;、ie6等其它浏览器上，却出现错位、下沉等问题，只得在firefox&amp;nbsp;、ie6&amp;nbsp;、ie7之间不停的切换调试，汗&amp;hellip;最近又有两款浏览器加入googleChrome和IE8，某个浏览器一统天下看来是没希望了，只能尽量克服兼容问题。找到一篇解决兼容问题的文章，还是很有效的。下面向大家介绍&amp;ldquo;十个超级技巧助你解决CSS兼容问题&amp;rdquo;，大家遇到问题时，不仿对照着看一看。本文转自互联网。&lt;br /&gt;
&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;一、针对firefox&amp;nbsp;ie6&amp;nbsp;ie7的css样式&lt;br /&gt;
&lt;br /&gt;
&lt;/strong&gt;　　现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，&amp;nbsp;会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用&amp;ldquo;*+html&amp;rdquo;，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样：&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;#abc&amp;nbsp;{&amp;nbsp;color:&amp;nbsp;#333;&amp;nbsp;}&amp;nbsp;/*&amp;nbsp;Moz&amp;nbsp;*/ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;*&amp;nbsp;html&amp;nbsp;#abc&amp;nbsp;{&amp;nbsp;color:&amp;nbsp;#666;&amp;nbsp;}&amp;nbsp;/*&amp;nbsp;IE6&amp;nbsp;*/ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;*+html&amp;nbsp;#abc&amp;nbsp;{&amp;nbsp;color:&amp;nbsp;#999;&amp;nbsp;}&amp;nbsp;/*&amp;nbsp;IE7&amp;nbsp;*/&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;二、CSS布局中的居中问题&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
　　主要的样式定义如下：&lt;br /&gt;
&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;body&amp;nbsp;{TEXT-ALIGN:&amp;nbsp;center;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;#center&amp;nbsp;{&amp;nbsp;MARGIN-RIGHT:&amp;nbsp;auto;&amp;nbsp;MARGIN-LEFT:&amp;nbsp;auto;&amp;nbsp;}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;　　说明：首先在父级元素定义TEXT-ALIGN:&amp;nbsp;center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。&lt;br /&gt;
　　但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上&amp;ldquo;MARGIN-RIGHT:&amp;nbsp;auto;MARGIN-LEFT:&amp;nbsp;auto;&amp;nbsp;&amp;rdquo;&lt;br /&gt;
　　需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT:&amp;nbsp;auto;MARGIN-LEFT:&amp;nbsp;auto;&amp;nbsp;就可以了。&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;三、盒模型&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;#box{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;width:600px; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;//for&amp;nbsp;ie6.0-&amp;nbsp;w\idth:500px; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;//for&amp;nbsp;ff+ie6.0 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;#box{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;width:600px!important &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;//for&amp;nbsp;ff &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;width:600px; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;//for&amp;nbsp;ff+ie6.0 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;width&amp;nbsp;/**/:500px; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;//for&amp;nbsp;ie6.0- &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;四、浮动ie6产生的双倍距离&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;#box{&amp;nbsp;float:left;&amp;nbsp;width:100px;&amp;nbsp;margin:0&amp;nbsp;0&amp;nbsp;0&amp;nbsp;100px; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;&amp;nbsp;//这种情况之下IE会产生200px的距离&amp;nbsp;display:inline;&amp;nbsp;//使浮动忽略}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;　　这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,&amp;hellip;不可控制(内嵌元素); &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;　　#box{&amp;nbsp;display:block;&amp;nbsp;//可以为内嵌元素模拟为块元素&amp;nbsp;display:inline;&amp;nbsp;//实现同一行排列的的效果&amp;nbsp;diplay:table; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;五、IE与宽度和高度的问题 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;　　IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏&amp;nbsp;览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。比如要设置背景图片，这个宽度是&amp;nbsp;比较重要的。要解决这个问题，可以这样： &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;#box{&amp;nbsp;width:&amp;nbsp;80px;&amp;nbsp;height:&amp;nbsp;35px;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;html&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;body&amp;nbsp;#box{&amp;nbsp;width:&amp;nbsp;auto;&amp;nbsp;height:&amp;nbsp;auto;&amp;nbsp;min-width:&amp;nbsp;80px;&amp;nbsp;min-height:&amp;nbsp;35px;}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;六、页面的最小宽度&lt;br /&gt;
&lt;br /&gt;
&lt;/strong&gt;　　min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把&amp;nbsp;width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个&amp;lt;div&amp;gt;&amp;nbsp;放到&amp;nbsp;&amp;lt;body&amp;gt;&amp;nbsp;标签下，然后为div指定一个类：&lt;br /&gt;
　　然后CSS这样设计：&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;#container{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;min-width:&amp;nbsp;600px; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;width:e&amp;shy;xpression(document.body.clientWidth&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;tag-name&quot;&gt;600&lt;/span&gt;&lt;span&gt;?&amp;nbsp;&amp;ldquo;600px&amp;rdquo;:&amp;nbsp;&amp;ldquo;auto&amp;rdquo;&amp;nbsp;); &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;　　第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;七、清除浮动 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;.hackbox{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;display:table; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;//将对象作为块元素级的表格显示 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;或者 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;.hackbox{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;clear:both; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;　　或者加入:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie&amp;nbsp;浏览器支持，所以并不影响到IE/WIN浏览器。这种的最麻烦的&lt;br /&gt;
&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;hellip;&amp;hellip;#box:after{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;content:&amp;nbsp;&amp;ldquo;.&amp;rdquo;; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;display:&amp;nbsp;block; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;height:&amp;nbsp;0; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;clear:&amp;nbsp;both; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;visibility:&amp;nbsp;hidden; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;八、DIV浮动IE文本产生3象素的bug&lt;br /&gt;
&lt;br /&gt;
&lt;/strong&gt;　　左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;#box{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;float:left; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;width:800px;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;#left{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;float:left; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;width:50%;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;#right{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;width:50%; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;*html&amp;nbsp;#left{ &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;margin-right:-3px; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;//这句是关键 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;HTML代码 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span class=&quot;tag&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;tag-name&quot;&gt;DIV&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;attribute&quot;&gt;id&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span class=&quot;attribute-value&quot;&gt;box&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span class=&quot;tag&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;tag-name&quot;&gt;DIV&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;attribute&quot;&gt;id&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span class=&quot;attribute-value&quot;&gt;left&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;tag-name&quot;&gt;DIV&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span class=&quot;tag&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;tag-name&quot;&gt;DIV&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;attribute&quot;&gt;id&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span class=&quot;attribute-value&quot;&gt;right&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;tag-name&quot;&gt;DIV&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span class=&quot;tag&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;tag-name&quot;&gt;DIV&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;九、属性选择器(这个不能算是兼容,是隐藏css的一个bug)&lt;/strong&gt;&lt;br /&gt;
&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;codeText&quot;&gt;
&lt;div class=&quot;codeHead&quot;&gt;XML/HTML代码&lt;/div&gt;
&lt;ol class=&quot;dp-xml&quot;&gt;
    &lt;li class=&quot;alt&quot;&gt;&lt;span&gt;&lt;span&gt;p[id]{}div[id]{} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span&gt;p[id]{}div[id]{}&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;p&gt;　这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用&lt;br /&gt;
　　属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;十、IE捉迷藏的问题&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
　　当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。&lt;br /&gt;
　　有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。&lt;br /&gt;
　　解决办法：对#layout使用line-height属性&amp;nbsp;或者给#layout使用固定高和宽。页面结构尽量简单。&lt;br /&gt;
　　&lt;br /&gt;
　　&lt;br /&gt;
　　本文转自互联网。 &lt;!--em336tj start--&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564835/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/683.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564835/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564835/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>DIV+CSS</category><pubDate>Wed, 30 Dec 2009 16:46:02 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=683</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/683.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564835/5258534</fs:itemid></item><item><title>CSS属性与JavaScript 编码方法对照表</title><link>http://www.taoper.com/blog/article/article/682.htm</link><description>CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) &lt;br/&gt;border 　　border &lt;br/&gt;border-bottom 　　borderBottom &lt;br/&gt;border-bottom-color 　　borderBottomColor &lt;br/&gt;border-bottom-style　　 borderBottomStyle &lt;br/&gt;border-bottom-width 　　borderBottomWidth &lt;br/&gt;border-color 　　borderColor &lt;br/&gt;border-left 　　borderLeft &lt;br/&gt;border-left-color 　　borderLeftColor &lt;br/&gt;border-left-style 　　borderLeftStyle &lt;br/&gt;border-left-width 　　borderLeftWidth &lt;br/&gt;border-right 　　borderRight &lt;br/&gt;border-right-color 　　borderRightColor &lt;br/&gt;border-right-style 　　borderRightStyle &lt;br/&gt;border-right-width 　　borderRightWidth &lt;br/&gt;border-style 　　borderStyle &lt;br/&gt;border-top 　　borderTop &lt;br/&gt;border-top-color 　　borderTopColor &lt;br/&gt;border-top-style 　　borderTopStyle &lt;br/&gt;border-top-width 　　borderTopWidth &lt;br/&gt;border-width 　　borderWidth &lt;br/&gt;clear 　　clear &lt;br/&gt;float　　 floatStyle &lt;br/&gt;margin 　　margin &lt;br/&gt;margin-bottom 　　marginBottom &lt;br/&gt;margin-left 　　marginLeft &lt;br/&gt;margin-right 　　marginRight &lt;br/&gt;margin-top 　　marginTop &lt;br/&gt;padding 　　padding &lt;br/&gt;padding-bottom 　　paddingBottom &lt;br/&gt;padding-left 　　paddingLeft &lt;br/&gt;padding-right 　　paddingRight &lt;br/&gt;padding-top　　 paddingTop &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;颜色和背景标签和属性对照 &lt;br/&gt;CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) &lt;br/&gt;background 　　background &lt;br/&gt;background-attachment 　　backgroundAttachment &lt;br/&gt;background-color　　 backgroundColor &lt;br/&gt;background-image 　　backgroundImage &lt;br/&gt;background-position　　 backgroundPosition &lt;br/&gt;background-repeat 　　backgroundRepeat &lt;br/&gt;color 　　color &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;文字样式标签和属性对照 &lt;br/&gt;CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) &lt;br/&gt;font　　 font &lt;br/&gt;font-family　　 fontFamily &lt;br/&gt;font-size　　 fontSize &lt;br/&gt;font-style　　 fontStyle &lt;br/&gt;font-variant　　 fontVariant &lt;br/&gt;font-weight 　　fontWeight &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;文本标签和属性对照 &lt;br/&gt;CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写) &lt;br/&gt;letter-spacing　　 letterSpacing &lt;br/&gt;line-break　　 lineBreak &lt;br/&gt;line-height　　 lineHeight &lt;br/&gt;text-align　　 textAlign &lt;br/&gt;text-decoration 　　textDecoration &lt;br/&gt;text-indent 　　textIndent &lt;br/&gt;text-justify　　 textJustify &lt;br/&gt;text-transform 　　textTransform &lt;br/&gt;vertical-align　　 verticalAlign&lt;img src=&quot;http://www1.feedsky.com/t1/343564837/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/682.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564837/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564837/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>DIV+CSS</category><pubDate>Wed, 30 Dec 2009 16:30:28 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=682</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/682.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564837/5258534</fs:itemid></item><item><title>控制一行文字超出部分显示省略号</title><link>http://www.taoper.com/blog/article/article/681.htm</link><description>&lt;div class=&quot;UBBPanel codePanel&quot;&gt;&lt;div class=&quot;UBBTitle&quot;&gt;&lt;img src=&quot;http://www.taoper.com/blog/images/code.gif&quot; style=&quot;margin:0px 2px -3px 0px&quot; alt=&quot;程序&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;&quot;/&gt; 程序&lt;a href=&quot;http://www.taoper.com/&quot; target=&quot;_blank&quot;&gt;代码&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;UBBContent&quot;&gt;&lt;span style=&quot;color:#000000&quot;&gt;[color=#0000ff]&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;!DOCTYPE html PUBLIC &lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;-//W3C//DTD XHTML 1.0 Strict//EN&amp;#34;&lt;/span&gt; &lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&lt;/a&gt;&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;html xmlns&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.w3.org/1999/xhtml&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.w3.org/1999/xhtml&lt;/a&gt;&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;head&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;meta http-equiv&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;Content-Type&amp;#34;&lt;/span&gt; content&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;text/html; charset=utf-8&amp;#34;&lt;/span&gt; &lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;title&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;title&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;style type&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;text/css&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#008080&quot;&gt;&amp;lt;!-- &lt;br/&gt;li {&lt;br/&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;width:200px;&lt;br/&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;white-space:nowrap;&lt;br/&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;text-overflow:ellipsis; &lt;br/&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;overflow: hidden;&lt;br/&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;}&lt;br/&gt;--&amp;gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;style&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;head&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;body&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;ul&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;a href&lt;span style=&quot;color:#008000&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ff00ff&quot;&gt;&amp;#34;&lt;a href=&quot;http://www.taoper.com&quot; target=&quot;_blank&quot; rel=&quot;external&quot;&gt;http://www.taoper.com&lt;/a&gt;#&amp;#34;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;taoper.com - Div CSS布局 常见问题&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;a&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;li&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;ul&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;body&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;&lt;br/&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;lt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;/&lt;/strong&gt;&lt;/span&gt;html&lt;span style=&quot;color:#0000ff&quot;&gt;&lt;strong&gt;&amp;gt;&lt;/strong&gt;&lt;/span&gt;[/color]&lt;/div&gt;&lt;/div&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/343564838/taoper/feedsky/s.gif?r=http://www.taoper.com/blog/article/article/681.htm&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/taoper/343564838/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/taoper/343564838/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>DIV+CSS</category><pubDate>Wed, 30 Dec 2009 11:57:38 +0800</pubDate><author>fangjianjun520@yahoo.com.cn(admin)</author><guid isPermaLink="false">http://www.taoper.com/blog/default.asp?id=681</guid><dc:creator>fangjianjun520@yahoo.com.cn(admin)</dc:creator><fs:srclink>http://www.taoper.com/blog/article/article/681.htm</fs:srclink><fs:srcfeed>http://www.taoper.com/blog/feed.asp</fs:srcfeed><fs:itemid>feedsky/taoper/~7149699/343564838/5258534</fs:itemid></item></channel></rss>