<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[TkPao's Blog]]></title>
  <subtitle type="html"><![CDATA[面朝大海 春暖花开……]]></subtitle>
  <id>http://www.tkpao.com/</id>
  <link rel="alternate" type="text/html" href="http://www.tkpao.com/" /> 
  <link rel="self" type="application/atom+xml" href="http://www.tkpao.com/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.8">PJBlog3</generator> 
  <updated>2010-02-25T14:55:56+08:00</updated>

  <entry>
	  <title type="html"><![CDATA[《相信未来》---食指]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=5" label="黑白世界" /> 
	  <updated>2010-02-25T14:55:56+08:00</updated>
	  <published>2010-02-25T14:55:56+08:00</published>
		  <summary type="html"><![CDATA[<br/>当我的紫葡萄化为深秋的露水<br/><br/>当我的鲜花依偎在别人的情怀<br/><br/>我依然固执的用凝霜的枯藤<br/><br/>在凄凉的大地上写下：相信未来。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=171" /> 
	  <id>http://www.tkpao.com/default.asp?id=171</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[ SWOT分析]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=9" label="学习教程" /> 
	  <updated>2009-12-18T17:07:10+08:00</updated>
	  <published>2009-12-18T17:07:10+08:00</published>
		  <summary type="html"><![CDATA[&nbsp;&nbsp;　 SWOT是一种分析方法，用来确定企业本身的竞争优势（strength），竞争劣势（weakness），机会(opportunity)和威胁（threat），从而将公司的战略与公司内部资源、外部环境有机结合。因此，清楚的确定公司的资源优势和缺陷，了解公司所面临的机会和挑战，对于制定公司未来的发展战略有着至关重要的意义。 <br/><br/>　　 SWOT分析的步骤： <br/>　　 1、罗列企业的优势和劣势，可能的机会与威胁。 <br/>　　 2、优势、劣势与机会、威胁相组合，形成SO、ST、WO、WT策略。 <br/>　　 3、对SO、ST、WO、WT策略进行甄别和选择，确定企业目前应该采取的具体战略与策略。 <br/><br/>　　 SWOT矩阵： <br/><br/>　　　 优势　　　　　　　　　　　　劣势 <br/><br/>机会　　　　so战略（增长性战略）　　　　wo战略（扭转型战略） <br/>威胁　　　　st战略（多种经营战略）　　　wt战略（防御型战略） <br/><br/>　　 竞争优势（S）是指一个企业超越其竞争对手的能力，或者指公司所特有的能提高公司竞争力的东西。例如，当两个企业处在同一市场或者说它们都有能力向同一顾客群体提供产品和服务时，如果其中一个企业有更高的赢利率或赢利潜力，那么，我们就认为这个企业比另外一个企业更具有竞争优势。 <br/><br/>　　 竞争优势可以是以下几个方面： <br/>　　 ●技术技能优势：独特的生产技术，低成本生产方法，领先的革新能力，雄厚的技术实力，完善的质量控制体系，丰富的营销经验，上乘的客户服务，卓越的大规模采购技能 <br/>　　 ●有形资产优势：先进的生产流水线，现代化车间和设备，拥有丰富的自然资源储存，吸引人的不动产地点，充足的资金，完备的资料信息 <br/>　　 ●无形资产优势：优秀的品牌形象，良好的商业信用，积极进取的公司文化 <br/>　　 ●人力资源优势：关键领域拥有专长的职员，积极上进的职员，很强的组织学习能力，丰富的经验 <br/>　　 ●组织体系优势：高质量的控制体系，完善的信息管理系统，忠诚的客户群，强大的融资能力 <br/>　　 ●竞争能力优势：产品开发周期短，强大的经销商网络，与供应商良好的伙伴关系，对市场环境变化的灵敏反应，市场份额的领导地位 <br/><br/>　　 竞争劣势（W）是指某种公司缺少或做的不好的东西，或指某种会使公司处于劣势的条件。 <br/>　　 可能导致内部弱势的因素有： <br/>　　 ●缺乏具有竞争意义的技能技术 <br/>　　 ●缺乏有竞争力的有形资产、无形资产、人力资源、组织资产 <br/>　　 ●关键领域里的竞争能力正在丧失 <br/><br/>　　 公司面临的潜在机会(O)： <br/>　　 市场机会是影响公司战略的重大因素。公司管理者应当确认每一个机会，评价每一个机会的成长和利润前景，选取那些可与公司财务和组织资源匹配、使公司获得的竞争优势的潜力最大的最佳机会。 <br/>　　 潜在的发展机会可能是： <br/>　　 ●客户群的扩大趋势或产品细分市场 <br/>　　 ●技能技术向新产品新业务转移，为更大客户群服务 <br/>　　 ●前向或后向整合 <br/>　　 ●市场进入壁垒降低 <br/>　　 ●获得购并竞争对手的能力 <br/>　　 ●市场需求增长强劲，可快速扩张 <br/>　　 ●出现向其他地理区域扩张，扩大市场份额的机会 <br/><br/>　　 危及公司的外部威胁(T)： <br/>　　 在公司的外部环境中，总是存在某些对公司的盈利能力和市场地位构成威胁的因素。公司管理者应当及时确认危及公司未来利益的威胁，做出评价并采取相应的战略行动来抵消或减轻它们所产生的影响。 <br/>　　 公司的外部威胁可能是： <br/>　　 ●出现将进入市场的强大的新竞争对手 <br/>　　 ●替代品抢占公司销售额 <br/>　　 ●主要产品市场增长率下降 <br/>　　 ●汇率和外贸政策的不利变动 <br/>　　 ●人口特征，社会消费方式的不利变动 <br/>　　 ●客户或供应商的谈判能力提高 <br/>　　 ●市场需求减少 <br/>　　 ●容易受到经济萧条和业务周期的冲击 <br/><br/>　　 由于企业的整体性和竞争优势来源的广泛性，在做优劣势分析时，必须从整个价值链的每个环节上，将企业与竞争对手做详细的对比。如产品是否新颖，制造工艺是否复杂，销售渠道是否畅通，价格是否具有竞争性等。 <br/>　　 如果一个企业在某一方面或几个方面的优势正是该行业企业应具备的关键成功因素，那么，该企业的综合竞争优势也许就强一些。需要指出的是，衡量一个企业及其产品是否具有竞争优势，只能站在现有潜在用户角度上，而不是站在企业的角度上。 <br/>　　 企业在维持竞争优势过程中，必须深刻认识自身的资源和能力，采取适当的措施。因为一个企业一旦在某一方面具有了竞争优势，势必会吸引到竞争对手的注意。一般地说，企业经过一段时期的努力，建立起某种竞争优势；然后就处于维持这种竞争优势的态势，竞争对手开始逐渐做出反应；而后，如果竞争对手直接进攻企业的优势所在，或采取其它更为有力的策略，就会使这种优势受到削弱。所以，企业应保证其资源的持久竞争优势。 <br/><br/>　　 资源的持久竞争优势受到两方面因素的影响：企业资源的竞争性价值和竞争优势的持续时间。 <br/>　　 评价企业资源的竞争性价值必须进行四项测试： <br/>　　 1、这项资源是否容易被复制？一项资源的模仿成本和难度越大，它的潜在竞争价值就越大。 <br/>　　 2、这项资源能够持续多久？资源持续的时间越长，其价值越大。 <br/>　　 3、这项资源是否能够真正在竞争中保持上乘价值？在竞争中，一项资源应该能为公司创造竞争优势。 <br/>　　 4、这项资源是否会被竞争对手的其他资源或能力所抵消？ <br/><br/>　　 影响企业竞争优势持续时间的主要因素有三点： <br/>　　 （1）建立这种优势要多长时间？ <br/>　　 （2）能够获得的优势有多大？ <br/>　　 （3）竞争对手做出有力反应需要多长时间？ <br/>　　 如果企业分析清楚了这三个因素，就可以明确自己在建立和维持竞争优势中的地位。 <br/><br/>　　当然，SWOT分析法不是仅仅列出四项清单，最重要的是通过评价公司的强势、弱势、机会、威胁，最终得出以下结论：（1）在公司现有的内外部环境下，如何最优的运用自己的资源；（2）如何建立公司的未来资源。 <br/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=170" /> 
	  <id>http://www.tkpao.com/default.asp?id=170</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[IE与Firefox的CSS兼容大全]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=9" label="学习教程" /> 
	  <updated>2009-07-28T16:30:23+08:00</updated>
	  <published>2009-07-28T16:30:23+08:00</published>
		  <summary type="html"><![CDATA[1.DOCTYPE 影响 CSS 处理<br/><br/>当层无法运用margin:0 auto居中问题的解决!<br/><br/>如果无法运用&lt;div style=&#34;margin:0 auto&#34;&gt;....&lt;/div&gt;来设置层居中.出现这样问题可能是没有定义hmlt的dtd,html向标准化的xml演变的过程是 需要时间的,所以有三个dtd版本,我们现在用的最多的就是过渡期的dtd这三个分别是<br/><br/>1,过渡型<br/><br/>&lt;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;&gt;<br/><br/>2,严格型<br/><br/>&lt;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>&#34;&gt;<br/><br/>3,框架型<br/><br/>&lt;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Frameset//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd</a>&#34;&gt;<br/><br/>如果对css 2.0标准不太熟悉不要使用严格型的dtd.我们现在使用过渡期的就行了!<br/><br/>在网页最顶部加上<br/><br/>&lt;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;&gt;<br/><br/><br/>　　2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行<br/><br/><br/>　　3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中<br/><br/><br/>　　4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width<br/><br/><br/>　　5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式，值得注意的是，一定要将xxxx !important 这句放置在另一句之上<br/><br/><br/>　　6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行<br/><br/><br/>　　7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以<br/><br/><br/>　 8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。<br/><br/><br/>　　9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin:30px!important;margin:28px;}<br/><br/>　　注意这两个margin的顺序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：div{maring:30px;margin:28px}<br/><br/>　　重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx!important;<br/><br/>　　11.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义ul{margin:0;padding:0;}<br/><br/>　　就能解决大部分问题，注意事项：<br/><br/>　　1、float的div一定要闭合。<br/><br/>　　例如：(其中floatA、floatB的属性已经设置为float:left;)&lt;#div id=\&#34;floatA\&#34; &gt;<br/><br/>&lt;#div id=\&#34;floatB\&#34; &gt;<br/><br/>&lt;#div id=\&#34;NOTfloatC\&#34; &gt;<br/><br/>　　这里的NOTfloatC并不希望继续平移，而是希望往下排。<br/><br/>　　这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。<br/><br/>　　在&lt;#div class=\&#34;floatB\&#34;&gt;<br/><br/>&lt;#div class=\&#34;NOTfloatC\&#34;&gt;<br/><br/>　　之间加上&lt;#div class=\&#34;clear\&#34;&gt;<br/><br/>　　这个div一定要注意声明位置，一定要放在最恰当的地方，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。<br/><br/>　　并且将clear这种样式定义为为如下即可：.clear{clear:both;}<br/><br/>　　此外，为了让高度能自动适应，要在wrapper里面加上overflow:hidden;<br/><br/>　　当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。<br/><br/>　　例如某一个wrapper如下定义：.colwrapper{<br/><br/>overflow:hidden;<br/><br/>zoom:1;<br/><br/>margin:5px auto;}<br/><br/><br/>　　2、margin加倍的问题。<br/><br/>　　设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。<br/><br/>　　解决方案是在这个div里面加上display:inline;<br/><br/>例如：<br/><br/>&lt;#div id=\&#34;imfloat\&#34;&gt;<br/><br/>　　相应的css为<br/><br/>#IamFloat{<br/><br/>float:left;<br/><br/>margin:5px;/*IE下理解为10px*/<br/><br/>display:inline;/*IE下再理解为5px*/}<br/><br/>　　5、最狠的手段 - !important;<br/><br/>　　如果实在没有办法解决一些细节问题,可以用这个方法.FF对于&#34;!important&#34;会自动优先解析,然而IE则会忽略.如下.tabd1{<br/><br/>background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/<br/><br/>background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}<br/><br/>　　值得注意的是，一定要将xxxx !important 这句放置在另一句之上，上面已经提过<br/><br/>区别不同浏览器，CSS hack写法：<br/><br/>区别IE6与FF：<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;background:orange;*background:blue;<br/><br/>区别IE6与IE7：<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;background:green !important;background:blue;<br/><br/>区别IE7与FF：<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;background:orange; *background:green;<br/><br/>区别FF，IE7，IE6：<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;background:orange;*background:green !important;*background:blue;<br/><br/>注：IE都能识别*;标准浏览器(如FF)不能识别*；<br/><br/>IE6能识别*，但不能识别 !important,<br/><br/>IE7能识别*，也能识别!important;<br/><br/>FF不能识别*，但能识别!important;<br/><br/>IE6<br/>IE7<br/>FF<br/><br/>*<br/>√<br/>√<br/>×<br/><br/>!important<br/>×<br/>√<br/>√<br/><br/>另外再补充一个，下划线&#34;_&#34;,<br/><br/>IE6支持下划线，IE7和firefox均不支持下划线。<br/><br/>于是大家还可以这样来区分IE6，IE7，firefox<br/><br/>: background:orange;*background:green;_background:blue;<br/><br/>注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。<br/><br/>比如要分辨IE6和firefox两种浏览器，可以这样写:<br/><br/>&lt;style&gt;<br/><br/>div{&nbsp;&nbsp;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;background:green; /* for firefox */&nbsp;&nbsp;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;*background:red; /* for IE6 */&nbsp;&nbsp;<br/><br/>}&nbsp;&nbsp;<br/><br/>&lt;/style&gt;<br/><br/>&lt;div&gt;我在IE6中看到是红色的，在firefox中看到是绿色的。&lt;/div&gt;<br/><br/>&lt;style&gt; div{ background:green; /* for firefox */ *background:red; /* for IE6 */ } &lt;/style&gt; &lt;div&gt;我在IE6中看到是红色的，在firefox中看到是绿色的。&lt;/div&gt;<br/><br/>解释一下：<br/><br/>上面的css在firefox中，它是认识不了后面的那个带星号*的东东是什么的，于是将它过滤掉，不予理睬，解析得到的结果是:div{background:green},于是理所当然这个div的背景是绿色的。<br/><br/>在IE6中呢，它两个background都能识别出来，它解析得到的结果是:div{background:green;background:red;},于是根据优先级别，处在后面的red的优先级高，于是当然这个div的背景颜色就是红色的了。<br/><br/>CSS兼容IE6,IE7,FIREFOX的一些收集<br/><br/>第一种，是CSS HACK的方法<br/><br/><br/>height:20px; /*For Firefox*/<br/><br/>*height:25px; /*For IE7 &amp; IE6*/<br/><br/>_height:20px; /*For IE6*/<br/><br/><br/>注意顺序。<br/><br/><br/>这样也属于CSS HACK，不过没有上面这样简洁。<br/><br/>#example { color: #333; } /* Moz */<br/><br/>* html #example { color: #666; } /* IE6 */<br/><br/>*+html #example { color: #999; } /* IE7 */<br/><br/><br/>第二种是使用IE专用的条件注释<br/><br/>&lt;!--其他浏览器 --&gt;<br/><br/>&lt;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;css.css&#34; /&gt;<br/><br/><br/>&lt;!--[if IE 7]&gt;<br/><br/>&lt;!-- 适合于IE7 --&gt;<br/><br/>&lt;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;ie7.css&#34; /&gt;<br/><br/>&lt;![endif]--&gt;<br/><br/><br/>&lt;!--[if lte IE 6]&gt;<br/><br/>&lt;!-- 适合于IE6及一下 --&gt;<br/><br/>&lt;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;ie.css&#34; /&gt;<br/><br/>&lt;![endif]--&gt;<br/><br/><br/>第三种css filter的办法，以下为经典从国外网站翻译过来的。.<br/><br/><br/>新建一个css样式如下：<br/><br/><br/>#item {<br/><br/>width: 200px;<br/><br/>height: 200px;<br/><br/>background: red;<br/><br/>}<br/><br/>新建一个div,并使用前面定义的css的样式：<br/><br/><br/>&lt;div id=&#34;item&#34;&gt;some text here&lt;/div&gt;<br/><br/><br/>在body表现这里加入lang属性,中文为zh：<br/><br/><br/>&lt;body lang=&#34;en&#34;&gt;<br/><br/><br/>现在对div元素再定义一个样式：<br/><br/><br/>*:lang(en) #item{<br/><br/>background:green !important;<br/><br/>}<br/><br/><br/>这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式：<br/><br/><br/>#item:empty {<br/><br/>background: green !important<br/><br/>}<br/><br/>:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。<br/><br/><br/>对IE6和FF的兼容可以考虑以前的!important 个人比较喜欢用第一种，简洁，兼容性比较好。<br/><br/><br/>列表标签UL LI，这个是朋友抱怨得最多的标签，说每次遇到这个标签的时候IE和FF总是显示不一. 既然如此，何不在样式表中将这个标签的属性给定义了，如 ul{padding:0;margin:0;} 对于ul标签，IE会自动缩进几个像素，而FF则不是这样，所以这就是根本原因.当然,我上面的定义肯定显示不太美观,这个时候你可以手动进行调节,譬如 调节成 {padding:0;margin:0 0 0 10px;list-style-position: inside;},所以今后对于这个标签,只要你发现IE和FF不一致,就去看看对应的css有哪些属性,然后进行夸张的描述,用IE和FireFox查 看之,如果一致则有效.FORM标签,这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好 在css中指定margin和padding,针对上面两个问题,我的css中一般首先都使用这样的样式 ul,form{margin:0;padding:0;}给定义死了<br/><br/><br/>下面的问题不是默认值的问题了.<br/><br/><br/>1, !important<br/><br/><br/>随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<br/><br/>&lt;style&gt;<br/><br/>#wrapper<br/><br/>{<br/><br/>width: 100px!important; /* IE7+FF */<br/><br/>width: 80px; /* IE6 */<br/><br/>}<br/><br/>&lt;/style&gt;<br/><br/><br/><br/>2, IE6/IE77对FireFox<br/><br/><br/>*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.<br/><br/>&lt;style&gt;<br/><br/>#wrapper<br/><br/>{<br/><br/>#wrapper { width: 120px; } /* FireFox */<br/><br/>*html #wrapper { width: 80px;} /* ie6 fixed */<br/><br/>*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */<br/><br/>}<br/><br/>&lt;/style&gt;<br/><br/><br/><br/>注意:<br/><br/>*+html 对IE7的HACK 必须保证HTML顶部有如下声明：<br/><br/>&lt;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34;　&#34;<a href="http://www.w3.org/TR/html4/loose.dtd" target="_blank" rel="external">http://www.w3.org/TR/html4/loose.dtd</a>&#34;&gt;<br/><br/><br/>1 针对firefox ie6 ie7的css样式<br/><br/>现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，<br/><br/>但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针<br/><br/>对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。<br/><br/>现在写一个CSS可以这样：<br/><br/><br/>#1 { color: #333; } /* Moz */<br/><br/>* html #1 { color: #666; } /* IE6 */<br/><br/>*+html #1 { color: #999; } /* IE7 */<br/><br/>那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。<br/><br/><br/>2 css布局中的居中问题<br/><br/>主要的样式定义如下：<br/><br/><br/>body {TEXT-ALIGN: center;}<br/><br/>#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }<br/><br/>说明：<br/><br/>首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。<br/><br/>但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”<br/><br/>需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，<br/><br/>只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。<br/><br/><br/>4 浮动ie产生的双倍距离<br/><br/><br/>#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}<br/><br/>这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,...不可控制(内嵌元素);<br/><br/><br/>5 IE与宽度和高度的问题<br/><br/><br/>IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。<br/><br/>比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：<br/><br/>#box{ width: 80px; height: 35px;}html&gt;body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}<br/><br/><br/>6 页面的最小宽度<br/><br/><br/>min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，<br/><br/>而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个&lt;div&gt; 放到 &lt;body&gt; 标签下，然后为div指定一个类：<br/><br/>然后CSS这样设计：<br/><br/>#container{ min-width: 600px; width:e&#173;xpression(document.body.clientWidth &lt; 600? &#34;600px&#34;: &#34;auto&#34; );}<br/><br/>第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。<br/><br/><br/>8 DIV浮动IE文本产生3象素的bug<br/><br/><br/>左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.<br/><br/><br/>#box{ float:left; width:800px;}#left{ float:left; width:50%;}#right{ width:50%;}*html #left{ margin-right:-3px; //这句是关键}<br/><br/>HTML代码&lt;div id=&#34;box&#34;&gt; &lt;div id=&#34;left&#34;&gt;&lt;/div&gt; &lt;div id=&#34;right&#34;&gt;&lt;/div&gt;&lt;/div&gt;<br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=169" /> 
	  <id>http://www.tkpao.com/default.asp?id=169</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[常用网页广告代码全集-js广告代码大全]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=15" label="优秀网站" /> 
	  <updated>2009-07-17T16:35:54+08:00</updated>
	  <published>2009-07-17T16:35:54+08:00</published>
		  <summary type="html"><![CDATA[常用网页广告代码全集-js广告代码大全<br/><a href="http://www.jz123.cn/ad.htm" target="_blank" rel="external">http://www.jz123.cn/ad.htm</a><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=168" /> 
	  <id>http://www.tkpao.com/default.asp?id=168</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[CSS整形與最佳化工具]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=15" label="优秀网站" /> 
	  <updated>2009-07-07T14:54:51+08:00</updated>
	  <published>2009-07-07T14:54:51+08:00</published>
		  <summary type="html"><![CDATA[CSS整形與最佳化工具<br/><a href="http://floele.flyspray.org/csstidy//css_optimiser.php" target="_blank" rel="external">http://floele.flyspray.org/csstidy//css_optimiser.php</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=167" /> 
	  <id>http://www.tkpao.com/default.asp?id=167</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[《43个PSD转XHTML+CSS辅导教程》]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=15" label="优秀网站" /> 
	  <updated>2009-07-07T14:39:53+08:00</updated>
	  <published>2009-07-07T14:39:53+08:00</published>
		  <summary type="html"><![CDATA[《43个PSD转XHTML+CSS辅导教程》<br/><a href="http://www.yeeyan.com/articles/view/seasun/39640" target="_blank" rel="external">http://www.yeeyan.com/articles/view/seasun/39640</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=166" /> 
	  <id>http://www.tkpao.com/default.asp?id=166</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[36个引人注目的导航菜单]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=15" label="优秀网站" /> 
	  <updated>2009-07-07T14:38:11+08:00</updated>
	  <published>2009-07-07T14:38:11+08:00</published>
		  <summary type="html"><![CDATA[36个引人注目的导航菜单(上)<br/><a href="http://www.yeeyan.com/articles/view/61966/43580" target="_blank" rel="external">http://www.yeeyan.com/articles/view/61966/43580</a><br/>36个引人注目的导航菜单(下)<br/><a href="http://www.yeeyan.com/articles/view/61966/43632" target="_blank" rel="external">http://www.yeeyan.com/articles/view/61966/43632</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=165" /> 
	  <id>http://www.tkpao.com/default.asp?id=165</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[在线生成倒映图]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=15" label="优秀网站" /> 
	  <updated>2009-07-07T09:43:06+08:00</updated>
	  <published>2009-07-07T09:43:06+08:00</published>
		  <summary type="html"><![CDATA[尝试Reflection Maker服务，在线生成倒映图<br/><a href="http://www.reflectionmaker.com/" target="_blank" rel="external">http://www.reflectionmaker.com/</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=164" /> 
	  <id>http://www.tkpao.com/default.asp?id=164</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[在线生成圆角图片]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=15" label="优秀网站" /> 
	  <updated>2009-07-07T09:39:01+08:00</updated>
	  <published>2009-07-07T09:39:01+08:00</published>
		  <summary type="html"><![CDATA[用RoundPic能在线生成圆角图片<br/><a href="http://www.roundpic.com/" target="_blank" rel="external">http://www.roundpic.com/</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=163" /> 
	  <id>http://www.tkpao.com/default.asp?id=163</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[杨立青的历史原型]]></title>
	  <author>
		 <name>tkpao</name>
		 <uri>http://www.tkpao.com/</uri>
		 <email>tkpao@163.com</email>
	  </author>
	  <category term="" scheme="http://www.tkpao.com/default.asp?cateID=5" label="黑白世界" /> 
	  <updated>2009-06-18T11:24:16+08:00</updated>
	  <published>2009-06-18T11:24:16+08:00</published>
		  <summary type="html"><![CDATA[《人间正道是沧桑》里面人物的历史原型比较难找，都是把很多人糅合在一起的。 <br/>杨立青的原型有点陈赓的味道，早期很多经历和陈赓很像。<br/>比如：铲除出卖罗亦农同志的贺治华夫妇的史实。<br/>罗亦农牺牲后，邓小平和李维汉作出了锄奸决定，由陈赓带人执行。当场把霍家新打死，贺治华受了伤，一只眼睛被打瞎，******特务把她转移到医院中去治疗。中共特科也曾布置人员到医院追杀，也因敌人看护得太紧而无法下手。<br/>以上情节和电视剧中情节是很符合的。打死男的，打瞎女的。<br/><br/>但是，剧里杨立青是湖南醴陵人，黄埔军校第三期。<br/>而陈赓是湖南湘乡人，黄埔军校第一期。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.tkpao.com/article.asp?id=162" /> 
	  <id>http://www.tkpao.com/default.asp?id=162</id>
  </entry>	
		
</feed>
