<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[Waiting 吧 - 学习资料]]></title>
<link>http://www.waitingba.com/</link>
<description><![CDATA[Don&#39;t think, just feel]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
<webMaster><![CDATA[eric.csa@163.com(午夜鬼魅)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>Waiting 吧</title>
	<url>http://www.waitingba.com/images/logos.gif</url>
	<link>http://www.waitingba.com/</link>
	<description>Waiting 吧</description>
</image>

			<item>
			<link>http://www.waitingba.com/article.asp?id=145</link>
			<title><![CDATA[IE7和IE8的CSS样式不兼容]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Sun,04 Apr 2010 02:09:30 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=145</guid>
		<description><![CDATA[Internet Explorer 8预设是以CSS 2.1为标准，并修正了许多Internet Explorer 7的CSS Bug，这意味着有一部份以往依据IE 7所设计的网页，在IE 8上的呈现会有所出入，所幸拜IE 7相容检视功能所赐，目前因使用IE 8而导致版面错误的网站并不多。但一值依赖IE 7相容检视功能并非长久之计，尽早将网站修改为IE 8相容才是长久之计，因为毕竟CSS是持续更新的，现在不改，日后大修的机会就更大。不幸的是，Microsoft官方并未提供关于IE 7及IE 8的CSS差异说明文件，顶多只是告诉我们IE 8目前更趋近于CSS 2.1而非CSS 2.0，因此笔者在造访许多网站后，规类出8个最常见的差异供读者们参考。<br/><br/>1、起始座標位置<br/><br/>先天上，IE 7与IE 8在预设网页版面的起始位置就不同，以下面的代码来说，在IE 7及IE 8上启始的位置就有差异。<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div style=&#34;height:100px;width:200px; border: solid 1px black&#34;&gt;<br/>&lt;div&gt;<br/>&lt;a href=&#34;<a href="http://www.hinet.net" target="_blank" rel="external">http://www.hinet.net</a>&#34;&gt;Hinet&lt;/a&gt;<br/>&lt;/div&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>不过由于是整个偏移，对网页的影响相当小。<br/><br/>2、DIV中的P<br/><br/>下面的执行结果呈现了IE 7及IE 8在处理DIV中的P之差异性。<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div style=&#34;height:100px;width:200px; border: solid 1px black&#34;&gt;<br/>&lt;div&gt;<br/>&lt;p&gt;TEST Font&lt;/p&gt;<br/>&lt;/div&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>很明显的，IE 8中对于DIV中的P预设位置与IE 7不同，IE 7是将margin-top预设为0px，排在最上方，，IE 8却未预设margin-top，<br/><br/>解决方法是将margin-top加上。<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div style=&#34;height:100px;width:200px; border: solid 1px black&#34;&gt;<br/>&lt;div&gt;<br/>&lt;p style=&#34;margin-top:0px&#34;&gt;TEST Font&lt;/p&gt;<br/>&lt;/div&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>(IE 8 With margin-top)<br/><br/>3、负数margin<br/><br/>许多网页设计师常常以负数的margin来定位HTML元素的位置，目的是让该元素与图形对齐，IE 7及IE 8对于负数的解释有蛮大的差异性。<br/><br/>程式4<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div style=&#34;height:100px;width:200px; border: solid 1px black&#34;&gt;<br/>&lt;div style=&#34;background-color:Red;margin: -5px 6px 7px 8px&#34;&gt;<br/>&lt;a href=&#34;<a href="http://www.hinet.net" target="_blank" rel="external">http://www.hinet.net</a>&#34; &gt;Hinet&lt;/a&gt;<br/>&lt;/div&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>由比较图可看出，IE 7遭遇负数时，并不会移出DIV的范围，而IE 8会，在笔者撰写本文之时，大多数的不相容IE8网页错误都源自于此。<br/><br/>4、Table With Border Style<br/><br/>元素的Layout在每个浏览器上都会有些许差异的表现，下面的代码是一个在IE 7及IE 8上呈现相异的范例。 Table<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;table style=&#34;border: double 7px green&#34;&gt;<br/>&lt;tr&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;/tr&gt;<br/>&lt;tr&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;/tr&gt;<br/>&lt;tr&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;td style=&#34;border: double 1px green&#34;&gt;a&lt;/td&gt;<br/>&lt;/tr&gt;<br/>&lt;/table&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>很明显的，IE 7的border宽度计算比IE 8高，不过由于这是整体偏移，加上我们很少会设定太大的border宽度，影响程度几乎等于0。<br/><br/>5、bottom、top<br/><br/>当使用绝对位置时，IE 7与IE 8会产生些许的偏移，这些偏移是整体性的，所以影响很小<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div style=&#34;height:100px;width:200px; border: solid 1px black&#34;&gt;<br/>&lt;div style=&#34;background-color:Red; bottom:5px; top:5px; position:absolute;height:40px&#34; &gt;<br/>TEST<br/>&lt;/div&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>很难看出来吧，因为偏移很小，不过确实是偏移了。<br/><br/>6、li + float<br/><br/>UL、LI加上float，在IE 7于IE 8有相当大的差异，见：<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div&gt;<br/>&lt;div&gt;<br/>&lt;ul&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34; &gt;<br/>TEST1 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST2 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST3 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST4 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST5 &lt;/li&gt;<br/>&lt;/ul&gt;<br/>&lt;/div&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>在IE 7上，LI的项目符号被取消了，而在IE 8上则正常显示，但却因为是float，所以后面的项目符号盖到前一项目了。修改为程式8的模样后<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div&gt;<br/>&lt;div&gt;<br/>&lt;ul style=&#34;list-style-type:none&#34;&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34; &gt;<br/>TEST1 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST2 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST3 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST4 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST5 &lt;/li&gt;<br/>&lt;/ul&gt;<br/>&lt;/div&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>在尝试寻找CSS相异点时，许多网站都有这类问题，因为我们常用这种手法来处理页签类的显示。<br/><br/>PS: list-style-type在IE7时，只要li是float，就会被完全忽略。<br/><br/>7、div + height with ul and image<br/><br/>当DIV设定了固定大小，而内容超出所定大小，然后后方跟着IMG时，在IE 7及IE 8会有相当大的差异。<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div&gt;<br/>&lt;div style=&#34;width:300px;height:22px; margin-top:5px&#34;&gt;<br/>&lt;ul style=&#34;list-style-type:none&#34;&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34; &gt;<br/>TEST1 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST2 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST3 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST4 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST5 &lt;/li&gt;<br/>&lt;li style=&#34;cursor: hand;float:left; &#34;&gt;<br/>TEST6 &lt;/li&gt;<br/>&lt;/ul&gt;<br/>&lt;/div&gt;<br/>&lt;a href=&#34;<a href="http://www.hinet.net" target="_blank" rel="external">http://www.hinet.net</a>&gt;&#34;&gt;<br/>&lt;img src=&#34;21565.jpg&#34; width=&#34;300px&#34; height=&#34;200px&#34; /&gt;<br/>&lt;/a&gt;<br/>&lt;/div&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>很明显的，IE 7会尊重DIV所制定的大小来安排后面的IMG位置，所以在图14上看不出有何问题，但是在IE 8里，当内容超出制定大小时，<br/><br/>IMG位置会顺移开，所以就造成了此问题。在实务上，这算是相当常见的相容性错误。<br/><br/>解决方法很简单，将要被盖住的那个LI移掉就好了，这本来就是错误的设计。<br/><br/>8、p的子控件对齐<br/><br/>有些网页设计师习惯使用P加上子控件来描绘单行输入+按纽的样式，这些网页在IE 8上会有或许的差异，如果里面使用的IMG太多，<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;p&gt;<br/>&lt;input type=&#34;text&#34; /&gt;<br/>&lt;img src=&#34;add2.png&#34; height=&#34;16px&#34; width=&#34;16px&#34; /&gt;<br/>&lt;/p&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;<br/><br/>很明显，IE 7会对IMG置中于P，但IE 8不会。这类问题很难解决，需要透过CSS判断IE版本来提供不同的CSS，让两者趋近相同。<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/>&lt;html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;&gt;<br/>&lt;head&gt;<br/>&lt;title&gt;&lt;/title&gt;<br/>&lt;!--[if gte IE 8]&gt;<br/>&lt;style type=&#34;text/css&#34;&gt;<br/>.c1<br/>{<br/>position:relative;top:3px<br/>}<br/>&lt;/style&gt;<br/>&lt;![endif]--&gt;<br/>&lt;!--[if lt IE 8]&gt;<br/>&lt;style type=&#34;text/css&#34;&gt;<br/>.c1<br/>{<br/><br/>}<br/>&lt;/style&gt;<br/>&lt;![endif]--&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;p&gt;<br/>&lt;input type=&#34;text&#34;/&gt;<br/>&lt;img src=&#34;add2.png&#34; height=&#34;16px&#34; width=&#34;16px&#34; class=&#34;c1&#34; /&gt;<br/>&lt;/p&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=140</link>
			<title><![CDATA[CSS兼容IE6,IE7,FF的技巧]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Fri,18 Dec 2009 17:58:31 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=140</guid>
		<description><![CDATA[一、CSS HACK<br/>以下两种方法几乎能解决现今所有HACK.翻阅很多资料，已测试可以使用。<br/><br/>1, !important<br/><br/>随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#wrapper<br/>{<br/>width: 100px!important; /* IE7+FF */<br/>width: 80px; /* IE6 */<br/>}<br/><br/>2, IE6/IE77对FireFox<br/><br/>*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#wrapper<br/>{<br/>#wrapper { width: 120px; } /* FireFox */<br/>*html #wrapper { width: 80px;} /* ie6 fixed */<br/>*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */<br/>}<br/><br/>注意:<br/>*+html 对IE7的HACK 必须保证HTML顶部有如下声明：<br/><br/>PLAIN TEXT<br/>HTML:<br/><br/>&amp;lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”　”<a href="http://www.w3.org/TR/html4/loose.dtd" target="_blank" rel="external">http://www.w3.org/TR/html4/loose.dtd</a>”&amp;gt;<br/>二、万能 float 闭合(非常重要!)<br/><br/>关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]<br/>将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽.<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>/* Clear Fix */<br/><br/>.clearfix:after{<br/>content:“.”;<br/>display:block;<br/>height:0;<br/>clear:both;<br/>visibility:hidden;<br/>}<br/>.clearfix{<br/>display:inline-block;<br/>}<br/>/* Hide from IE Mac */<br/>.clearfix {display:block;}<br/>/* End hide from IE Mac */<br/>/* end of clearfix */<br/>三、其他兼容技巧(再次啰嗦)<br/><br/>1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)<br/>2, 居中问题.<br/>1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)<br/>2).水平居中. margin: 0 auto;(当然不是万能)<br/>3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签)<br/>4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.<br/>5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)<br/>6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.<br/>7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.<br/><br/>1 针对firefox ie6 ie7的css样式<br/>现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，<br/>但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针<br/>对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。<br/>现在写一个CSS可以这样：<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#1 { color: #333; } /* Moz */<br/>* html #1 { color: #666; } /* IE6 */<br/>*+html #1 { color: #999; } /* IE7 */<br/>那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。<br/><br/>2 css布局中的居中问题<br/>主要的样式定义如下：<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>body {TEXT-ALIGN: center;}<br/>#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }<br/>说明：<br/>首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。<br/>但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”<br/>需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，<br/>只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。<br/><br/>3 盒模型不同解释.<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}<br/>#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}<br/>4 浮动ie产生的双倍距离<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}<br/>这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,…不可控制(内嵌元素);<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的的效果 diplay:table;<br/>5 IE与宽度和高度的问题<br/><br/>IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，<br/>正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。<br/>比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#box{ width: 80px; height: 35px;}html&amp;gt;body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}<br/>6 页面的最小宽度<br/><br/>min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，<br/>而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个&lt;div&gt; 放到 &lt;body&gt; 标签下，然后为div指定一个类：<br/>然后CSS这样设计：<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#container{ min-width: 600px; width:e&#173;xpression(document.body.clientWidth &amp;lt;600? “600px”: “auto” );}<br/>第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。<br/><br/>7 清除浮动<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>.hackbox{ display:table; //将对象作为块元素级的表格显示}或者.hackbox{ clear:both;}<br/>或者加入:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，<br/>所以并不影响到IE/WIN浏览器。这种的最麻烦的……<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#box:after{ content: “.”; display: block; height: 0; clear: both; visibility: hidden;}<br/>8 DIV浮动IE文本产生3象素的bug<br/><br/>左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>#box{ float:left; width:800px;}#left{ float:left; width:50%;}#right{ width:50%;}*html #left{ margin-right:-3px; //这句是关键}<br/>HTML代码&amp;lt;div id=“box”&amp;gt; &amp;lt;div id=“left”&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div id=“right”&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;<br/>9 属性选择器(这个不能算是兼容,是隐藏css的一个bug)<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>p[id]{}div[id]{}<br/>这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用<br/>属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.<br/><br/>10 IE捉迷藏的问题<br/><br/>当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。<br/>有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。<br/>解决办法：对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。<br/><br/>11 高度不适应<br/><br/>高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用<br/>margin 或paddign 时。<br/>例：<br/><br/>PLAIN TEXT<br/>CSS:<br/><br/>&amp;lt;div id=“box”&amp;gt;<br/>&amp;lt;p&amp;gt;p对象中的内容&amp;lt;/p&amp;gt;<br/>&amp;lt;/div&amp;gt;<br/>CSS：#box {background-color:#eee; }<br/>#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }<br/>解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。<br/><br/>网页常用代码-未整理 <br/>27 Jun, 2008 No Comment<br/><br/>如内容超出单元格，则隐藏<br/>style=”TABLE-LAYOUT: fixed”<br/><br/>让弹出窗口总是在最上面: &lt;body onblur=”this.focus();”&gt;<br/>不要滚动条? 让竖条没有: &lt;body style=’overflow:scroll;overflow-y:hidden’&gt; &lt;/body&gt;<br/>让横条没有: &lt;body style=’overflow:scroll;overflow-x:hidden’&gt; &lt;/body&gt;<br/>两个都去掉？更简单了 &lt;body scroll=”no”&gt; &lt;/body&gt;<br/>怎样去掉图片链接点击后，图片周围的虚线？ &lt;a href=”#” onFocus=”this.blur()”&gt;&lt;img src=”logo.jpg” border=0&gt;&lt;/a&gt;<br/>电 子邮件处理提交表单 &lt;form name=”form1″ method=”post” action=”mailto:****@***.com” enctype=”text/plain”&gt; &lt;input type=submit&gt; &lt;/form&gt;<br/>在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload()<br/>如何设定打开页面的大小 &lt;body onload=”top.resizeTo(300,200);”&gt;<br/>在 页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 &lt;html&gt;&lt;head&gt; &lt;STYLE&gt; body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } &lt;/STYLE&gt; &lt;/head&gt; &lt;body bgproperties=”fixed” &gt; &lt;/body&gt; &lt;/html&gt;<br/><br/>各种样式的光标 auto ：标准光标<br/>default ：标准箭头<br/>hand ：手形光标<br/>wait ：等待光标<br/>text ：I形光标<br/>vertical-text ：水平I形光标<br/>no-dro&#112; ：不可拖动光标<br/>not-allowed ：无效光标<br/>help ：?帮助光标<br/>all-scroll ：三角方向标<br/>move ：移动标<br/>crosshair ：十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize<br/><br/>本机ip&lt;%=request.servervariables(”remote_addr”)%&gt;<br/>服务器名&lt;%=Request.ServerVariables(”SERVER_NAME”)%&gt;<br/>服务器IP&lt;%=Request.ServerVariables(”LOCAL_ADDR”)%&gt;<br/>服务器端口&lt;%=Request.ServerVariables(”SERVER_PORT”)%&gt;<br/>服务器时间&lt;%=now%&gt; IIS<br/>版本&lt;%=Request.ServerVariables”SERVER_SOFTWARE”)%&gt;<br/>脚本超时时间&lt;%=Server.ScriptTimeout%&gt;<br/>本文件路径&lt;%=server.mappath(Request.ServerVariables(”SCRIPT_NAME”))%&gt;<br/>服务器CPU数量&lt;%=Request.ServerVariables(”NUMBER_OF_PROCESSORS”)%&gt;<br/>服 务器解译引擎&lt;%=ScriptEngine &amp; “/”&amp; ScriptEngineMajorVersion &amp;”.”&amp;ScriptEngineMinorVersion&amp;”.”&amp; ScriptEngineBuildVersion %&gt;<br/>服务器操作系统&lt;%=Request.ServerVariables(”OS”)%&gt;<br/><br/>文本竖排方式<br/>&lt;style type=”text/css”&gt;<br/>&lt;!–<br/>.shupai {Writing-mode:tb-rl}<br/>–&gt;<br/>&lt;/style&gt;<br/>超链接去虚线边框<br/>在链接中加上onfocus=”this.blur()”<br/><br/>网页搜索关键字 头里插入<br/>&lt;META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”&gt;<br/><br/>收藏夹图标<br/>&lt;link rel = “Shortcut Icon” href=”favicon.ico”&gt;<br/><br/>我的电脑<br/>file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}<br/>网上邻居<br/>file:///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D%7D<br/>我的文档<br/>file:///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103%7D<br/>控制面板<br/>file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/::{21EC2020-3AEA-1069-A2DD-08002B30309D}<br/>回收站<br/>file:///::%7B645FF040-5081-101B-9F08-00AA002F954E%7D<br/><br/>鼠标控制图片隐现效果<br/>把如下代码加入＜body＞区域中：<br/>&lt;SCRIPT language=”javascript”&gt;<br/>&lt;!–<br/>function makevisible(cur,which){<br/>if (which==0)<br/>cur.filters.alpha.opacity=100<br/>else<br/>cur.filters.alpha.opacity=20<br/>}<br/>//–&gt;<br/>&lt;/SCRIPT&gt;<br/>2、把如下代码加入＜body＞区域中：<br/>&lt;img src=”2.gif” style=”filter:alpha(opacity=20)”<br/>onMouseOver=”makevisible(this,0)”<br/>onMouseOut=”makevisible(this,1)”&gt;<br/><br/>禁止图片下载<br/>&lt;A HREF=”javascript:void(0)” onMouseover=”alert(’对不起,此图片不能下载!’)”&gt;<br/>&lt;IMG SRC=”2.gif” Align=”center” Border=”0″ width=”99″ height=”50″&gt;&lt;/A&gt;<br/><br/>页嵌页<br/>&lt;iframe width=291 height=247 src=”main.files/news.htm” frameBorder=0&gt;&lt;/iframe&gt;<br/><br/>隐藏滚动条<br/>&lt;body style=”overflow-x:hidden;overflow-y:hidden”<br/><br/>CSS文字阴影（定义在&lt;TD&gt;中）<br/>.abc{<br/>FILTER: dro&#112;shadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: “宋体”; FONT-SIZE: 9pt;COLOR: #ffffff;<br/>}<br/><br/>列表/菜单<br/>onchange=”location=this.options[this.sel&#101;ctedIndex].value”<br/><br/>&lt;iframe id=”frm” src=”k-xinwen.html” scrolling=”no” width=”314″ height=”179″&gt;&lt;/iframe&gt;<br/>&lt;img src=”xiangshang.jpg” onMouseOver=”sf=setInterval(’frm.scrollBy(0,-2)’,1)” onMouseOut=”clearInterval(sf)” width=”31″ height=”31″&gt;<br/>&lt;img src=”xiangxia.jpg” onMouseOver=”sf=setInterval(’frm.scrollBy(0,2)’,1)” onMouseOut=”clearInterval(sf)” width=”31″ height=”31″ &gt;<br/><br/>reurl=server.htmlencode(request.ServerVariables(”HTTP_REFERER”))<br/><br/>服务器上如何定义连接<br/>MM_www_STRING =”driver={Microsoft access Driver (*.mdb)};dbq=” &amp; server.mappath(”../data/www.mdb”)<br/><br/>链接到<br/>response.redirect”login.asp”<br/>location.href=”xx.asp”<br/><br/>onClick=”window.location=’login.asp’”<br/>onClick=”window.open(”)”<br/><br/>取得IP<br/>userip = Request.ServerVariables(”HTTP_X_FORWARDED_FOR”)<br/>If userip = “” Then userip = Request.ServerVariables(”REMOTE_ADDR”)<br/><br/>sql=”up&#100;ate feedbak set hit=hit+1 wh&#101;re id=”&amp;request(”id”)<br/>conn.execute(sql)<br/><br/>截取字符是否加…<br/>function formatStr(str,len)<br/>if(len(str)&gt;len)<br/>str = left(str,len) + “…”<br/>end if<br/>formatStr = str<br/>end function<br/><br/>接收表单<br/>If Ucase(Request.ServerVariables(”REQUEST_METHOD”)) = “POST” then<br/>end if<br/><br/>图片宽度<br/>&lt;script language=”javascript”&gt;<br/>&lt;!–<br/>var flag=false;<br/>function DrawImage(ckp){<br/>var image=new Image();<br/>image.src=ckp.src;<br/>if(image.width&gt;0 &amp;&amp; image.height&gt;0)<br/>{flag=true;<br/>if(image.width&gt;120){<br/>ckp.width=120;<br/>}else{<br/>ckp.width=image.width;<br/>}<br/>ckp.alt=image.width+”×”+image.height;<br/>}<br/>}<br/>//–&gt;<br/>&lt;/script&gt;<br/>I’ll be Back 22:18:06<br/>&lt;img src=”&lt;%=formPath%&gt;/&lt;%=rs(”photoname”)%&gt;” border=”0″ onload=”javascript:DrawImage(this);”&gt;<br/><br/>跳转<br/>&lt;meta http-equiv=refresh content=’0; url=/distributor/distributor.aspx’&gt;<br/><br/>溢出栏的设制<br/>visible：超出的部分照样显示；<br/>hidden：超出的部分隐藏；<br/>scrool：不管有否超出，都显示滚动条；<br/>auto：有超出时才出现滚动条；<br/><br/>onMouseOver：鼠标移到目标上；<br/>onMouseUp：按下鼠标再放开左键时；<br/>onMouseOut：鼠标移开时；<br/>onMouseDown：按下鼠标时（不需要放开左键）；<br/>onClink：点击时；<br/>onDblClick：双击时；<br/>onLoad：载入网页时；<br/>onUnload：离开页面时；<br/>onResize：当浏览者改变浏览窗口的大小时；<br/>onScroll：当浏览者拖动滚动条的时。<br/><br/>CSS样式<br/>a:link：表示已经链接；<br/>a:hover：表示鼠标移上链接时；<br/>a:active：表示链接激活时；<br/>a:visited：表示己点击过的链接。<br/><br/>跳出对话框链接<br/>javascript:alert(’lajflsjpjwg’)<br/>后退：javascript:history.back(1)<br/>关闭窗口：javascript:window.close();<br/>窗口还原<br/>function restore(){<br/>window.moveTo(8,8);<br/>window.resizeTo(screen.width-24,screen.availHeight-24);<br/>}<br/><br/>head区是指首页HTML代码的&lt;head&gt;和&lt;/head&gt;之间的内容。<br/>必须加入的标签<br/><br/>1.公司版权注释<br/>&lt;!— The site is designed by Maketown,Inc 06/2000 —&gt;<br/><br/>2.网页显示字符集<br/>简体中文：&lt;META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″&gt;<br/>繁体中文：&lt;META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″&gt;<br/>英 语：&lt;META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8859-1″&gt;<br/><br/>3.网页制作者信息<br/>&lt;META name=”author” content=”webmaster@maketown.com”&gt;<br/><br/>4.网站简介<br/>&lt;META NAME=”DESCRIPTION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”&gt;<br/><br/>5.搜索关键字<br/>&lt;META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”&gt;<br/><br/>6.网页的css规范<br/>&lt;LINK href=”style/style.css” rel=”stylesheet” type=”text/css”&gt;<br/>(参见目录及命名规范)<br/><br/>7.网页标题<br/>&lt;title&gt;xxxxxxxxxxxxxxxxxx&lt;/title&gt;<br/><br/>.可以选择加入的标签<br/><br/>1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。<br/>&lt;META HTTP-EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”&gt;<br/><br/>2.禁止浏览器从本地机的缓存中调阅页面内容。<br/>&lt;META HTTP-EQUIV=”Pragma” CONTENT=”no-cache”&gt;<br/><br/>3.用来防止别人在框架里调用你的页面。<br/>&lt;META HTTP-EQUIV=”Window-target” CONTENT=”_top”&gt;<br/><br/>4.自动跳转。<br/>&lt;META HTTP-EQUIV=”Refresh” CONTENT=”5;URL=http://www.yahoo.com”&gt;<br/>5指时间停留5秒。<br/><br/>5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。<br/>&lt;META NAME=”robots” CONTENT=”none”&gt;<br/>CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。<br/><br/>6.收藏夹图标<br/>&lt;link rel = “Shortcut Icon” href=”favicon.ico”&gt;<br/><br/>所有的javascript的调用尽量采取外部调用.<br/>&lt;SCRIPT LANGUAGE=”javascript” SRC=”script/xxxxx.js”&gt;&lt;/SCRIPT&gt;<br/><br/>附&lt;body&gt;标签：<br/>&lt;body&gt;标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景&lt;body bgcolor=”#FFFFFF”&gt;<br/><br/>flash透明<br/>在flash的源代码中加上：&lt;param name=”wmode” value=”transparent”&gt;表格透明<br/>style=”FILTER: alpha(opacity=72)”<br/><br/>网址前添加icon的方法<br/>1、上<a href="http://www.favicon.com" target="_blank" rel="external">http://www.favicon.com</a>上用他的icon editor online制作一个图标。他会将做好的图标通过email即时发送给你。<br/>2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。就可以了。<br/>作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“＜head＞＜/head＞”之间添加如下代码：<br/>＜Link Rel=”SHORTCUT ICON” href=”<a href="http://" target="_blank" rel="external">http://</a>图片的地址（注意与刚才的目录对应）”＞<br/>其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，自动识别<br/><br/>可以在收藏夹中显示出你的图标&lt;link rel=”Bookmark” href=”favicon.ico”&gt;<br/><br/>状态栏连接说明<br/>&lt;A HREF=”链接到某处” onmouseOver=”window.status=’连接说明’;return true;” onMouseOut=”window.status=’ ‘;”&gt;某某链接&lt;/a&gt;<br/><br/>链接说明<br/>&lt;a href=“”Title=链接说明&gt;<br/><br/>禁止鼠标右键<br/>在&lt;body&gt;标签中加入 &lt;body oncontextmenu=”return false”&gt;<br/><br/>DW里输入空格<br/>插入N个&amp;nbsp;<br/><br/>水平线<br/>&lt;hr width=”长度” size=”高度” color=”颜色代码” noshade&gt; noshade为有无阴影<br/><br/>表单电子邮件提交<br/>&lt; form name=”content” method=”post” action=”mailto:电子邮箱” &gt;&lt; /form&gt;<br/>文本域名为Subject 为邮件的标题<br/><br/>邮件链接定制<br/>Mailto:地址 ? Subject=邮件的标题 &amp;bc=抄送 &amp;bcc=密件抄送<br/><br/>背景音乐<br/>&lt;bgsound src=地址 loop=”-1″&gt;<br/><br/>禁止页面正文选取<br/>&lt;body oncontextmenu=”return false” ondragstart=”return false” onsel&#101;ctstart =”return false” onsel&#101;ct=”document.sel&#101;ction.empty()” oncopy=”document.sel&#101;ction.empty()” onbeforecopy=”return false”onmouseup=”document.sel&#101;ction.empty()”&gt;<br/><br/>消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .<br/>&lt;IMG SRC=”mypicture.jpg” HEIGHT=”100px” WIDTH=”100px” GALLERYIMG=”no”&gt;<br/><br/>防止点击空链接时，页面往往重置到页首端。<br/>代码“javascript:void(null)”代替原来的“#”标记<br/><br/>如何避免别人把你的网页放在框架中<br/>&lt;script language=“javascript”&gt;&lt;!–if (self!=top){top.location=self.location;} –&gt;&lt; /script&gt;<br/><br/>页面定时刷新<br/>&lt;meta http-equiv=”Refresh” content=”秒” &gt;<br/><br/>页面定时转向新的地址<br/>&lt;meta http-equiv=”refresh” content=”秒;URL=url”&gt;<br/><br/>显示日期<br/>&lt;script language=”javascript”&gt;&lt;!–<br/>today=new Date();<br/>var week; var date;<br/>if(today.getDay()==0) week=”星期日”<br/>if(today.getDay()==1) week=”星期一”<br/>if(today.getDay()==2) week=”星期二”<br/>if(today.getDay()==3) week=”星期三”<br/>if(today.getDay()==4) week=”星期四”<br/>if(today.getDay()==5) week=”星期五”<br/>if(today.getDay()==6) week=”星期六”<br/>date=(today.getYear())+”年”+(today.getMonth()+1)+”月”+today.getDate()+”日”+” ”<br/>document.write(”&lt;span style=’font-size: 9pt;’&gt;”+date+week+”&lt;/span&gt;”);<br/>// –&gt;<br/>&lt;/script&gt;<br/><br/>设为首页<br/>&lt;A href=# onclick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(’url’);”&gt;设为首页&lt;/A&gt;<br/><br/>添加收藏<br/>&lt;A href=”javascript:window.external.AddFavorite(’url’,&#39;title’)”&gt;收藏本站&lt;/A&gt;<br/><br/>文字滚动<br/>插入边框为0的1行1列的表格，在表格中输入文字，选中文字，<br/>按ctrl+t输入marquee direction=”up”, 回车即可让文字在表格区域内向上滚动。<br/>（right、down可用于让文字或图象向右及向下滚动，修改html原代码还可以得到需要的滚动速度。<br/>表单验正<br/>&lt;SCRIPT language=javascript&gt;<br/>function checkform(theform){<br/>if(theform.name.value==”&#34;){<br/>alert(”姓名不能为空!”);<br/>theform.name.focus();<br/>return false;<br/>}<br/>if(theform.tel.value==”&#34;){<br/>alert(”电话不能为空!”);<br/>theform.tel.focus();<br/>return false;<br/>}<br/>}<br/>&lt;/SCRIPT&gt;<br/><br/>定义鼠标<br/>body{cursor: url(cur.ani或cur);}<br/><br/>以图片方式插视频<br/>&lt;IMG height=240 loop=infinite dynsrc=http://amedia.efu.com.cn/EFUADD0001.rmvb width=320&gt;<br/><br/>层在flash上面<br/>&lt; param name=”wmode” value=”opaque” &gt;<br/><br/>延迟跳转<br/>&lt;meta http-equiv=refresh content=’3; url=javascript:window.close();’&gt;<br/><br/>导航条变色：<br/>单元格&lt;TR后面插入onmouseover=”javascript:this.bgColor=’#57AE00′” onmouseout=”javascript:this.bgColor=’#99CCFF’”<br/><br/>居中<br/>&lt;CENTER&gt;&lt;/CENTER&gt;<br/><br/>空链接<br/>javascript:;<br/><br/>标题表格<br/>&lt;fieldset&gt;<br/>&lt;legend&gt;表格的说明&lt;/legend&gt;<br/>&lt;/fieldset&gt;<br/><br/>细线表格<br/>style=”BORDER-COLLAPSE: collapse;”<br/><br/>滚动条颜色代码<br/>BODY{<br/>SCROLLBAR-FACE-COLOR: #FFFFFF;<br/>SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;<br/>SCROLLBAR-SHADOW-COLOR: #FFFFFF;<br/>SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;<br/>SCROLLBAR-ARROW-COLOR: #FFFFFF;<br/>SCROLLBAR-TRACK-COLOR: #FFFFFF;<br/>SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;<br/>SCROLLBAR-BASE-COLOR: #FFFFFF<br/>}<br/><br/>连续的英文或者一堆感叹号!!!不会自动换行的问题<br/>只要在CSS中定义了如下句子，可保网页不会再被撑开了<br/><br/>table{table-layout: fixed;}<br/>td{word-break: break-all; word-wrap:break-word;}<br/><br/>注释一下：<br/><br/>1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。<br/><br/>2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。<br/><br/>1、控制横向和纵向滚动条的显隐？<br/>&lt;body style=”overflow-y:hidden”&gt; 去掉x轴<br/>&lt;body style=”overflow-x:hidden”&gt; 去掉y轴<br/>&lt;body scroll=”no”&gt;不显<br/>2、表格变色<br/>&lt;TD onmouseover=”this.style.backgroundColor=’#FFFFFF’”<br/>onmouseout=”this.style.backgroundColor=””<br/>style=”CURSOR: hand”&gt;<br/>3、 禁止复制，鼠标拖动选取<br/>&lt;body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onsel&#101;ctstart=event.returnValue=false&gt;<br/>4、 普通iframe页面<br/>&lt;iframe name=”name” src=”main.htm” width=”450″ height=”287″ scrolling=”Auto” frameborder=”0″&gt;&lt;/iframe&gt;<br/>5、iframe自适应高度<br/>&lt;iframe name=”pindex” src=”index.asp” frameborder=false scrolling=”auto” width=”100%” height=”100%” frameborder=no onload=”document.all[&#39;pindex&#39;].style.height=pindex.document.body.scrollHeight” &gt;&lt;/iframe&gt;<br/>6、IE地址栏前换成自己的图标&amp;可以在收藏夹中显示出你的图标<br/>&lt;link rel=”Shortcut Icon” href=”favicon.ico”&gt;<br/>&lt;link rel=”Bookmark” href=”favicon.ico”&gt;<br/>7、字号缩放<br/>越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。<br/>&lt;script type=”text/javascript”&gt;<br/>function doZoom(size)<br/>{document.getElementById(’zoom’).style.fontSize=size+’px’;}<br/>&lt;/script&gt;<br/>&lt;span id=”zoom”&gt;需要指定大小的文字&lt;/span&gt;<br/>&lt;a href=”javascript:doZoom(16)”&gt;大&lt;/a&gt; &lt;a href=”javascript:doZoom(14)”&gt;中&lt;/a&gt; &lt;a href=”javascript:doZoom(12)”&gt;小&lt;/a&gt;<br/>8、sel&#101;ct挡住div的解决方法 <br/>在div里加入下面的代码，根据需要调整就可以了。<br/>&lt;iframe src=”javascript:false” scrolling=”no” frameborder=”0″ style=”z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;”&gt;<br/>&lt;/iframe&gt;<br/>9、iframe(嵌入式帧)自适应高度<br/>填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！”。对跨域引用有权限问题，请查阅其他资料。<br/>&lt;iframe name=”guestbook” src=”gbook/index.asp” scrolling=no width=”100%” height=”100%” frameborder=no onload=”document.all[&#39;guestbook&#39;].style.height=guestbook.document.body.scrollHeight”&gt;&lt;/iframe&gt;<br/>10、 跳转菜单新窗口<br/>&lt;sel&#101;ct name=”sel&#101;ct” onchange=”window.open(this.options[this.sel&#101;ctedIndex].value)”&gt;<br/>&lt;option value=”<a href="http://" target="_blank" rel="external">http://</a>www.microsoft.com/ie”&gt; Internet Explorer&lt;/option&gt;<br/>&lt;option value=”<a href="http://" target="_blank" rel="external">http://</a>www.microsoft.com”&gt; Microsoft Home&lt;/option&gt;<br/>&lt;option value=”<a href="http://" target="_blank" rel="external">http://</a>msdn.microsoft.com”&gt; Developer Network&lt;/option&gt;<br/>&lt;/sel&#101;ct&gt;<br/>11、flash透明选项<br/>&lt;param name=”wmode” value=”transparent”&gt;<br/>12、添加到收藏夹和设为首页<br/>&lt;a href=# onclick=”this.style.behavior=’url(#default#homepage)’; this.setHomePage(’<a href="http://www.makewing.com/lanren/" target="_blank" rel="external">http://www.makewing.com/lanren/</a>’);”&gt;设为首页&lt;/a&gt;<br/><br/>&lt;a href=”javascript:window.external.AddFavorite(’<a href="http://www.makewing.com/lanren/" target="_blank" rel="external">http://www.makewing.com/lanren/</a>’,&#39;懒人图库’)”&gt;收藏本站&lt;/a&gt;<br/>13、记录并显示网页的最后修改时间 <br/>&lt;script language=JavaScript&gt;<br/>document.write(”最后更新时间: ” + document.lastModified + “”)<br/>&lt;/script&gt;<br/>14、节日倒计时<br/>&lt;Script Language=”JavaScript”&gt;<br/>var timedate= new Date(”October 1,2002″);<br/>var times= “国庆节”;<br/>var now = new Date();<br/>var date = timedate.getTime() - now.getTime();<br/>var time = Math.floor(date / (1000 * 60 * 60 * 24));<br/>if (time &gt;= 0)<br/>document.write( “现在离”+times+”还有: “+time +”天”)<br/>&lt;/Script&gt;<br/>15、加在HEAD里 <br/>禁止缓存<br/>&lt;meta http-equiv=”Expires” CONTENT=”0″&gt;<br/>&lt;meta http-equiv=”Cache-Control” CONTENT=”no-cache”&gt;<br/>&lt;meta http-equiv=”Pragma” CONTENT=”no-cache”&gt;<br/>16、 让IFRAME框架内的文档的背景透明<br/>&lt;iframe src=”about:&lt;body style=’background:transparent’&gt;” allowtransparency&gt;&lt;/iframe&gt;<br/>17、打开窗口即最大化<br/>&lt;script language=”JavaScript”&gt;<br/>&lt;!– Begin<br/>self.moveTo(0,0)<br/>self.resizeTo(screen.availWidth,screen.availHeight)<br/>// End –&gt;<br/>&lt;/script&gt;<br/>18、加入背景音乐<br/>&lt;bgsound src=”mid/windblue[1].mid” loop=”-1″&gt; 只适用于IE<br/>&lt;embed src=”music.mid” autostart=”true” loop=”true” hidden=”true”&gt; 对Netscape ,IE 都适用<br/>19、 滚动<br/>&lt;marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2&gt;滚动信息<br/>&lt;/marquee&gt;<br/>20、防止点击空链接时，页面往往重置到页首端<br/>代码“javascript:void(null)”代替原来的“#”标记<br/>21、文字或图片弹出指定大小的窗口<br/>在body中加入<br/>&lt;script language=”JavaScript” type=”text/JavaScript”&gt;<br/>function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}<br/>&lt;/script&gt;<br/>弹出代码<br/>&lt;a href=”#” target=”_self” onClick=”MM_openBrWindow(’windows01.htm’,”,’width=550,height=380′)” width=”550″ height=”380″ border=”0″&gt;图片或文字&lt;/a&gt;<br/>22、 flash按钮加链接 <br/>on (press) {<br/>getURL(”<a href="http://" target="_blank" rel="external">http://</a>www.makewing.com”,”_blank”);<br/>}<br/>23、跳转页面代码<br/>&lt;meta http-equiv=”refresh” content=”5;url=http://www.makewing.com”&gt;<br/>24、细线分隔线<br/>&lt;hr noshade size=0 color=#C0C0C0&gt;<br/>25、网页中的自动换行<br/>&lt;td style=”word-break:break-all”&gt;就搞定了。<br/>完整的是<br/>style=”table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word”<br/>26、消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no . <br/>&lt;IMG SRC=”mypicture.jpg” HEIGHT=”100px” WIDTH=”100px” GALLERYIMG=”no”&gt;<br/>27、禁止页面正文内容被选取 <br/>&lt;body oncontextmenu=”return false” ondragstart=”return false” onsel&#101;ctstart =”return false” onsel&#101;ct=”document.sel&#101;ction.empty()” oncopy=”document.sel&#101;ction.empty()” onbeforecopy=”return<br/>false”onmouseup=”document.sel&#101;ction.empty()”&gt;<br/>28、不能点右键，不用CTRL+A，不能复制作!<br/>&lt;body oncontextmenu=”window.event.returnValue=false”<br/>onkeypress=”window.event.returnValue=false”<br/>onkeydown=”window.event.returnValue=false”<br/>onkeyup=”window.event.returnValue=false”<br/>ondragstart=”window.event.returnValue=false”<br/>onsel&#101;ctstart=”event.returnValue=false”&gt;<br/>&lt;/body&gt;<br/>29、IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动: <br/>&lt;Body Background=”图片文件” bgproperties=”fixed”&gt;<br/>30、随机变换背景图象（一个可以刷新心情的特效）<br/>&lt;Script Language=”JavaScript”&gt;<br/>image = new Array(4); //定义image为图片数量的数组<br/>image [0] = ‘tu0.gif’ //背景图象的路径<br/>image [1] = ‘tu1.gif’<br/>image [2] = ‘tu2.gif’<br/>image [3] = ‘tu3.gif’<br/>image [4] = ‘tu4.gif’<br/>number = Math.floor(Math.random() * image.length);<br/>document.write(”&lt;BODY BACKGROUND=”+image[number]+”&gt;”);<br/>&lt;/Script&gt;<br/>31、flash载入影片 <br/>on (release)<br/>{<br/>loadMovie(”1-01.swf”, “_root.loaderclip”);<br/>}<br/>32、图片表单按钮<br/>&lt;form id=”form1″ name=”form1″ method=”post” action=”&#34;&gt;<br/>&lt;img src=”login.gif” width=”62″ height=”22″ onclick=”document.form1.submit()” /&gt;<br/>&lt;/form&gt;<br/>33、左右阴影背景的CSS定义方法<br/>body {<br/>text-align:center;<br/>background-repeat: repeat-y;<br/>background-position: center;<br/>background-image: url(../images/bg.jpg);<br/>}<br/>34、划过链接 手型鼠标<br/>style=”cursor:hand”<br/>35、如何关闭层<br/>&lt;div id=”Layer1″&gt;&lt;/div&gt;<br/>&lt;a href=”#” onClick=”Layer1.style.display=’none’”&gt;关闭层&lt;/a&gt;<br/>36、关闭窗口的脚本<br/>&lt;a href=javascript:close()&gt;[关闭窗口]&lt;/a&gt;<br/>37、如果文字过长,则将过长的部分变成省略号显示 <br/>&lt;DIV STYLE=”width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis”&gt;<br/>&lt;NOBR&gt;就是比如有一行文字，很长，表格内一行显示不下.&lt;/NOBR&gt;<br/>&lt;/DIV&gt;<br/>38、进入主页后自动最大化<br/>&lt;script&gt;<br/>self.moveTo(0,0)<br/>self.resizeTo(screen.availWidth,screen.availHeight)<br/>&lt;/script&gt;<br/>39、凹陷文字 <br/>&lt;div style=”width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;”&gt;<br/>&lt;font disabled&gt;<br/>怎么样，我凹下去了吧？&lt;br&gt;<br/>你不想试试吗？&lt;br&gt;<br/>&lt;a href=”<a href="http://" target="_blank" rel="external">http://</a>www.lenvo.cn/”&gt;www.lenvo.cn&lt;/a&gt;&lt;/font&gt;<br/>&lt;/div&gt;<br/>40、运行代码框<br/>&lt;script&gt;<br/>function Preview()<br/>{var TestWin=open(”);<br/>TestWin.document.write(code.value);}<br/>&lt;/script&gt;<br/>&lt;textarea id=code cols=60 rows=15&gt;&lt;/textarea&gt;<br/>&lt;br&gt;<br/>&lt;button onclick=Preview() &gt;运行&lt;/button&gt;<br/>41、给表格做链接 <br/>&lt;table width=”100%” onclick=”window.open(’<a href="http://www.makewing.com/" target="_blank" rel="external">http://www.makewing.com/</a>’, ‘_blank’)” style=”CURSOR:hand”&gt;<br/>&lt;tr&gt;<br/>&lt;td height=”100″ bgcolor=”f4f4f4″&gt;&amp;nbsp;&lt;/td&gt;<br/>&lt;/tr&gt;<br/>&lt;/table&gt;<br/>42、让弹出窗口总是在最上面<br/>&lt;body onblur=”this.focus();”&gt;<br/>43、CSS文字阴影 <br/>.shadowfont{FILTER: dro&#112;shadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: “宋体”; FONT-SIZE: 9pt;COLOR: #ffffff;}<br/>44、后退&amp;关闭窗口<br/>后退：javascript:history.back(1)<br/>关闭：javascript:window.close();<br/>45、表格透明 <br/>style=”FILTER: alpha(opacity=72)”<br/>46、如何避免别人把你的网页放在框架中<br/>&lt;script language=“javascript”&gt;&lt;!–if (self!=top){top.location=self.location;} –&gt;&lt; /script&gt;<br/>47、Alt和Title的区别 <br/>alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。<br/><br/>&lt;a href=”#” Title=”给链接文字提示”&gt;文字&lt;/a&gt;<br/>&lt;p Title=”给链接文字提示”&gt;文字&lt;/p&gt;<br/><br/>&lt;img src=”图片链接” alt=”给图片提示”&gt;<br/>48、所有的javascript的调用尽量采取外部调用<br/>&lt;SCRIPT LANGUAGE=”javascript” SRC=”js/xxxxx.js”&gt;&lt;/SCRIPT&gt;<br/>49、链接到<br/>response.redirect”login.asp”<br/>location.href=”xx.asp”onClick=”window.location=’login.asp’”<br/>onClick=”window.open(”)”<br/>50、基本链接样式<br/>a:link 表示链接的样式<br/>a:active 表示当前活动连接的样式<br/>a:hover 表示鼠标划过时的样式<br/>a:visited 表示已经访问过的连接的样式<br/><br/>“link-visited-hover-active” 简记为 “lvha” 即 “love”+”hate”<br/>51、在同一页面设置不同文字链接效果的样式<br/>&lt;style type=”text/css”&gt;<br/>.green {COLOR: #309633}<br/>.green A:link {COLOR: #309633; TEXT-DECORATION: none}<br/>.green A:visited {COLOR: #309633; TEXT-DECORATION: none}<br/>.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}<br/>.green A:active {COLOR: #309633; TEXT-DECORATION: none}<br/>&lt;/style&gt;<br/>&lt;a href=”#” class=”green”&gt;文字&lt;/a&gt;]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=138</link>
			<title><![CDATA[IE6.0、IE7.0 与FireFox CSS兼容的解决方法]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Thu,17 Dec 2009 14:04:02 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=138</guid>
		<description><![CDATA[<p>1.DOCTYPE 影响 CSS 处理</p>
<p>2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行</p>
<p>3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中</p>
<p>4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width</p>
<p>5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式</p>
<p>6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行</p>
<p>7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以</p>
<p>8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。</p>
<p>9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法： div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反，据阿捷的说法! important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样： div{maring:30px;margin:28px}重复定义的话按照最后一个来执行，所以不可以只写margin:XXpx! important;</p>
<p>11.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义 ul{margin:0;padding:0;}就能解决大部分问题</p>
<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<p><strong>1、float的div一定要闭合。 <br />
</strong>例如：(其中floatA、floatB的属性已经设置为float:left;)</p>
<div class="codeText">
<div class="codeHead">XML/HTML代码</div>
<ol class="dp-xml">
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">wrapper</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;floatA&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;floatB&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;NOTfloatC&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;/</span><span class="tag-name">wrapper</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
</ol>
</div>
<p>这里的NOTfloatC并不希望继续平移，而是希望往下排。 <br />
这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。</p>
<p>在</p>
<div class="codeText">
<div class="codeHead">XML/HTML代码</div>
<ol class="dp-xml">
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;floatB&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;NOTfloatC&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
</ol>
</div>
<p>之间加上&lt;div class=&quot;clear&quot;&gt;&lt;/div&gt; <br />
提醒您：这个div一定要注意声明位置，一定要放在最恰当的地方，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。</p>
<p>并且将clear这种样式定义为为如下即可：&nbsp;</p>
<div class="codeText">
<div class="codeHead">CSS代码</div>
<ol class="dp-css">
    <li class="alt"><span><span>.</span><span class="keyword">clear</span><span>&nbsp;{ &nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">clear</span><span>:</span><span class="string">both</span><span>; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>}&nbsp;&nbsp;</span></li>
</ol>
</div>
<p>此外，为了让高度能自动适应，要在wrapper里面加上overflow:hidden; <br />
当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。</p>
<p>例如我的某一个wrapper如下定义：&nbsp;</p>
<div class="codeText">
<div class="codeHead">CSS代码</div>
<ol class="dp-css">
    <li class="alt"><span><span>.colwrapper&nbsp;{&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">overflow</span><span>:</span><span class="string">hidden</span><span>;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;zoom:1;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">margin</span><span>:</span><span class="string">5px</span><span>&nbsp;</span><span class="string">auto</span><span>;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>}&nbsp;&nbsp;</span></li>
</ol>
</div>
<p>onhavinglayout-绝对不得错过，每一个制作CSS以及用脚本操作DOM的人都不得错过！</p>
<p>相关: <a href="http://homepage.yesky.com/16/2404516.shtml" target="_blank">CSS规范 闭合浮动元素介绍</a></p>
<p><strong>2、margin加倍的问题。<br />
</strong>设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。<br />
解决方案是在这个div里面加上display:inline;<br />
例如：</p>
<div class="codeText">
<div class="codeHead">XML/HTML代码</div>
<ol class="dp-xml">
    <li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">div</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;IamFloat&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">div</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li>
</ol>
</div>
<p>相应的css为</p>
<div class="codeText">
<div class="codeHead">CSS代码</div>
<ol class="dp-css">
    <li class="alt"><span><span class="colors">#IamFlo</span><span>at&nbsp;{ &nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">float</span><span>:</span><span class="string">left</span><span>; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">margin</span><span>:</span><span class="string">5px</span><span>;&nbsp;</span><span class="comment">/*IE下理解为10px*/</span><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">display</span><span>:</span><span class="string">inline</span><span>;&nbsp;</span><span class="comment">/*IE下再理解为5px*/</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>}&nbsp;&nbsp;</span></li>
</ol>
</div>
<p><strong>3、关于容器的包涵关系<br />
</strong>很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。<br />
<br />
<strong>4、关于高度的问题</strong><br />
如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。（似乎有时候不会自动往下撑开，不知道具体怎么回事）<br />
<br />
<strong>5、最狠的手段 - !important;</strong><br />
如果实在没有办法解决一些细节问题,可以用这个方法.FF对于&quot;!important&quot;会自动优先解析,然而IE则会忽略.如下</p>
<div class="codeText">
<div class="codeHead">CSS代码</div>
<ol class="dp-css">
    <li class="alt"><span><span>.tabd1 &nbsp;&nbsp;</span></span></li>
    <li><span>{ &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">background</span><span>:</span><span class="string">url</span><span>(/res/images/up/tab1.gif)&nbsp;</span><span class="string">no-repeat</span><span>&nbsp;</span><span class="string">0px</span><span>&nbsp;</span><span class="string">0px</span><span>&nbsp;!</span><span class="keyword">important</span><span>;&nbsp;</span><span class="comment">/*Style&nbsp;for&nbsp;FF*/</span><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="keyword">background</span><span>:</span><span class="string">url</span><span>(/res/images/up/tab1.gif)&nbsp;</span><span class="string">no-repeat</span><span>&nbsp;</span><span class="string">1px</span><span>&nbsp;</span><span class="string">0px</span><span>;&nbsp;</span><span class="comment">/*&nbsp;Style&nbsp;for&nbsp;IE&nbsp;*/</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>}&nbsp;&nbsp;</span></li>
</ol>
</div>
<p>值得注意的是，一定要将 <br />
xxxx !important 这句放置在另一句之上，具体原因很简单，就不说了：） <br />
<br />
补充： <br />
当时发表这篇文章时，并没有IE7的出现，而且那个时候我也没有很多地考虑JavaScript。这次更新一些。 <br />
<br />
一、IE6的border。会自动往外加margin。 <br />
当第一个box和第二个box之间的margin为a时，如果两个box都没有border，那么IE6、IE7、FF下面都没问题。 <br />
当有border时，FF和IE7的border不会占用它们之间的&ldquo;空位&rdquo;，而IE6这个老喜欢&ldquo;自作聪明&rdquo;的家伙就把margin给撑开了。 <br />
我并没有调试是否padding也会有这个副作用，我个人怀疑也有，但是既然把问题分析道这一步了，就不赘述了。 <br />
解决方案就是判断是否是IE6，然后动态的修补margin。其间涉及到js获取浏览器版本、样式值这些技术。</p>
<p>参阅&nbsp;<a href="http://www.awflasher.com/blog/archives/791">http://www.awflasher.com/blog/archives/791</a></p>
<p>&nbsp;二、对于块元素，在IE6下面最好制定宽度才可float起来，尤其是a标签。 <br />
<br />
三、在IE下，如果采用了list-style-position:inside，那么可能会造成li元素强行往前缩进。</p>]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=117</link>
			<title><![CDATA[电子商务网站运营]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Tue,23 Jun 2009 10:43:01 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=117</guid>
		<description><![CDATA[　　规划：根据管理学的说法，管理的职能是计划、组织、领导、控制。计划排在最前面，可见事前周密的部署何等重要，然而我现在所要说是规划，是从战略的高度，对网站运营进行全面的、整体性、系统性的把握，对网站经营方向、盈利模式、目标群体、资源整合、甚至细化的实施计划（整体方向性的把握而非具体计划内容）有个总体的控制能力和清晰的操作思路。只有经过周密部署、市场调研（用数据说话）、严密的论证可行性的网站运营才具有实操性。 <br/><br/>　　定位：网站定位就是说你的网站是要用来干什么的？要为谁服务的？如何向你们目标客户提供服务？这个问题没有处理好、定位好的话，你后面的一切工作做得再好，将会导致你离你预定目标越来越远。当初，“校园互惠网”的定位是：为了高校学生二手物品提供交易平台，建设一个针对高校学生的实用性电子商务网站。而且我们的目标是分期的，第一阶段只是定位在所在城市集中聚集的十几所高校。具有明确的目标和客户，所以操作起来比较顺利，整个网站的运营我感觉最得意的就是网站的定位，具有明确的针对性和庞大的市场需求。 <br/><br/>　　团队：人力是创业者最宝贵的资源、也是起到决定性作用的因素，必须建立一个能够通力协作的“互补”型团队，为什么说是互补呢？因为网站的运营是一个完整的商业活动，你必须处理好经营、技术、市场推广、公共关系、甚至相关法律问题等，所以在人员配置上最好能在专业知识结构、实践经验都有所互补，并且有坚定共同目标的人员。同时处理好之间的主次关系，也就是说，必须有一个人占主导作用，把握全局，不能因为几个人都是朋友、哥们合伙就“没组织没纪律”，虽然创业初期并未能带来太多的盈利，而且按照专业特长来分工，最好的办法就是要确定股权关系，按照实际来确定股份比例，也解决以后网站走上正轨产生不必要的争端。 <br/><br/>　　整合：作为创业型的团队，资金、市场、公共关系都不是有很大的优势，所以你必须更加重视资源的有效整合利用。比如，当时“校园互惠网”在运营过程中就有效的利用了高校的学生会、社团在推广上为我们做了很多工作，当然我们也对他们在技术上做相应的协助，达到双方的“共赢”，也迎合了我们“校园互惠网”的口号“互惠创造共赢”。当然跳出学校的圈子，创业型网站要利用的资源面更广、难度也更大，方法就要看团队的资源整合能力的，但至少资源整合的思想必须有，而且要特别重视。 <br/><br/>　　资金：创业型团队最缺的可能就是资金了，资金的限制迫使很多创业者要找VC（风险投资商），而VC最关心的是你项目的可行性和快速可盈利性，你的项目要吸引到VC的眼球，首先要求你必须做好一份商业计划书。当时我们也是有做这方面的准备，虽然我们不可能说吸引到什么大的VC，因为我们自己的定位也是从小做起的。当时经过我的一位老师的牵线，认识了一位对项目有兴趣的投资人，他对我们项目很感兴趣，眼看就要得到10万元的投资了，后面由于他的投资方向有变就搁浅了。这只是一个例子，虽然这笔没成功，但只要是有可行性的项目就会有懂赏识的人，所以创业者对自己的创业项目有必要写一份翔实的商业计划书，为了吸引VC也好，为了理清自己思路也好，都是相当有帮助的。 <br/><br/>　　拓展：也即是推广，网站建设好了，功能实现了，最终是要让你的目标客户来使用你的服务，具体的推广要结合你的服务的性质和目标客户的实际。“校园互惠网”但是第一步的推广计划就是结合学生实际，和我们还在学校的优势采取“网上网下同步推广的策略”，网下是通过设计宣传海报在校园推广，还有设计书签派送，应该我们的第一期推广范围是所在城市集中的十几所高校，而且利用了学生团体的力量，所以网下的活动顺利开展，迅速在各个高校打开知名度，而且利用口碑宣传，打开学生市场。推广上要结合目标市场的特定进行精准的营销方法，并且根据市场变化灵活运用。 <br/><br/>　　技术：绝对不要因为省钱而选择劣质的程序系统，最好自己开发。当时我们没有多大的技术力量，只能自己下载了一个系统然后结合需求做修改，到了后面才感觉到，原来工作量也很大，而且很多需求不能实现，甚至会变成以技术瓶颈来减少需求，所以建立自己的技术团队尤为重要。<br/><br/>　　优化：冯英健老师说过最好的网站优化时机是在网站策划、建设阶段，当时建设网站的时候并没有网站优化的意识，所以在搜索引擎收录、排名和用户体验方面工作做的不足，以致出现了不少这方面问题，所以作为创业型电子商务网站必须在前期就要很好的注意这个问题。 <br/><br/>　　以上只是提出几点自己认为需要重点注意的突出问题，这跟自己操作的具体项目实际经验有关，对你来说不一定有实操性，但却有一定的普遍指导性，在具体的项目运营中，最重要的是结合具体情况，把握原则，采用灵活的措施应对。<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=116</link>
			<title><![CDATA[2003服务器安全设置教程]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Tue,02 Jun 2009 18:08:37 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=116</guid>
		<description><![CDATA[<div class="cnt" id="blog_text">
<p><strong><font color="#ff6600">一、硬盘分区与操作系统的安装</font></strong></p>
<ol>
    <li>
    <p>硬盘分区 <br />总的来讲在硬盘分区上面没什么值得深入剖析的地方，无非就是一个在分区前做好规划知道要去放些什么东西， 如果实在不知道。那就只一个硬盘只分一个区，分区要一次性完成，不要先分成FAT32再转成NTFS。一次性分成 NTFS格式，以我个人习惯，系统盘一般给12G。建议使用光盘启动完成分区过程，不要加载硬盘软件。</p>
    </li>
    <li>
    <p>系统安装 <br />以下内容均以2003为例 <br />安装过程也没什么多讲的，安装系统是一个以个人性格为参数的活动，我建议在安装路径上保持默认路径，好多文章上写什么安装路径要改成什么呀什么的，这是没必要的。路径保存在注册表里，怎么改都没用。在安装过程中就要选定你需要的服务，如一些DNS、DHCP没特别需要也就不要装了。在安装过程中网卡属性中可以只保留TCP/IP 这一项，同时禁用NETBOIS。安装完成后如果带宽条件允许可用系统自带在线升级。</p>
    </li>
</ol>
<p><strong><font color="#ff6600">二、系统权限与安全配置</font></strong></p>
<p>前面讲的都是屁话，润润笔而已。（俺也文人一次） <br />话锋一转就到了系统权限设置与安全配置的实际操作阶段 <br />系统设置网上有一句话是&quot;最小的权限+最少的服务=最大的安全&quot;。此句基本上是个人都看过，但我好像没有看到过一篇讲的比较详细稍具全面的文章，下面就以我个人经验作一次教学尝试！</p>
<p><strong><font color="#ff6600">2.1 最小的权限如何实现？</font></strong></p>
<p><strong><font color="#ff6600">NTFS系统权限设置 <br /></font></strong>在使用之前将每个硬盘根加上 Administrators 用户为全部权限(可选加入SYSTEM用户) <br />删除其它用户，进入系统盘:权限如下</p>
<ul>
    <li>C:\WINDOWS Administrators SYSTEM用户全部权限 Users 用户默认权限不作修改 </li>
    <li>其它目录删除Everyone用户，切记C:\Documents and Settings下All Users\Default User目录及其子目录 <br />如C:\Documents and Settings\All Users\Application Data 目录默认配置保留了Everyone用户权限 <br />C:\WINDOWS 目录下面的权限也得注意,如 C:\WINDOWS\PCHealth、C:\windows\Installer也是保留了Everyone权限. </li>
    <li><strong><font color="#ff6600">删除C:\WINDOWS\Web\printers目录</font></strong>，此目录的存在会造成IIS里加入一个.printers的扩展名，可溢出攻击 </li>
    <li>默认IIS错误页面已基本上没多少人使用了。建议<strong><font color="#ff6600">删除C:\WINDOWS\Help\iisHelp</font></strong>目录 </li>
    <li><strong><font color="#ff6600">删除C:\WINDOWS\system32\inetsrv\iisadmpwd</font></strong>，此目录为管理IIS密码之用，如一些因密码不同步造成500 错误的时候使用 OWA 或 Iisadmpwd 修改同步密码，但在这里可以删掉，下面讲到的设置将会杜绝因系统设置造成的密码不同步问题。 </li>
    <li>打开C:\Windows 搜索<br /><blockquote>
    <p>net.exe;cmd.exe;tftp.exe;netstat.exe;regedit.exe;at.exe;attrib.exe;cacls.exe;format.com; <br />regsvr32.exe;xcopy.exe;wscript.exe;cscript.exe;ftp.exe;telnet.exe;arp.exe;edlin.exe; <br />ping.exe;route.exe;finger.exe;posix.exe;rsh.exe;atsvc.exe;qbasic.exe;runonce.exe;syskey.exe</p>
    </blockquote>
    <p>修改权限，删除所有的用户只保存Administrators 和SYSTEM为所有权限</p>
    </li>
</ul>
<p><strong><font color="#ff6600">关闭445端口</font></strong></p>
<blockquote>
<p>HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\netBT\Parameters <br />新建 &quot;DWORD值&quot;值名为 &quot;SMBDeviceEnabled&quot; 数据为默认值&quot;0&quot;</p>
</blockquote>
<p><strong><font color="#ff6600">禁止建立空连接</font></strong></p>
<blockquote>
<p>HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Lsa <br />新建 &quot;DWORD值&quot;值名为 &quot;RestrictAnonymous&quot; 数据值为&quot;1&quot; [2003默认为1]</p>
</blockquote>
<p><strong><font color="#ff6600">禁止系统自动启动服务器共享</font></strong></p>
<blockquote>
<p>HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\LanmanServer\Parameters <br />新建 &quot;DWORD值&quot;值名为 &quot;AutoShareServer&quot; 数据值为&quot;0&quot;</p>
</blockquote>
<p><strong><font color="#ff6600">禁止系统自动启动管理共享</font></strong></p>
<blockquote>
<p>HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\LanmanServer\Parameters <br />新建 &quot;DWORD值&quot;值名为 &quot;AutoShareWks&quot; 数据值为&quot;0&quot;</p>
</blockquote>
<p><strong><font color="#ff6600">通过修改注册表防止小规模DDOS攻击</font></strong></p>
<blockquote>
<p>HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Tcpip\Parameters <br />新建 &quot;DWORD值&quot;值名为 &quot;SynAttackProtect&quot; 数据值为&quot;1&quot;</p>
</blockquote>
<p><strong><font color="#ff6600">禁止dump file的产生</font></strong> <br />dump文件在系统崩溃和蓝屏的时候是一份很有用的查找问题的资料。然而，它也能够给黑客提供一些敏感信息比如一些应用程序的密码等。控制面板&gt;系统属性&gt;高级&gt;启动和故障恢复把 写入调试信息 改成无。</p>
<p><strong><font color="#ff6600">关闭华医生Dr.Watson <br /></font></strong>在开始-运行中输入&quot;drwtsn32&quot;，或者开始-程序-附件-系统工具-系统信息-工具-Dr Watson，调出系统里的华医生Dr.Watson ，只保留&quot;转储全部线程上下文&quot;选项，否则一旦程序出错，硬盘会读很久，并占用大量空间。如果以前有此情况，请查找user.dmp文件，删除后可节省几十MB空间。</p>
<p><strong><font color="#ff6600">本地安全策略配置</font></strong> <br />开始 &gt; 程序 &gt; 管理工具 &gt; 本地安全策略</p>
<ul>
    <li>账户策略 &gt; 密码策略 &gt; <strong><font color="#ff6600">密码最短使用期限 改成0天[即密码不过期，上面我讲到不会造成IIS密码不同步]</font></strong> </li>
    <li>账户策略 &gt; 账户锁定策略 &gt;<strong><font color="#ff6600">账户锁定阈值 5 次 账户锁定时间 10分钟 [个人推荐配置]</font></strong> </li>
    <li>本地策略 &gt; 审核策略 &gt; </li>
    <li>账户管理 成功 失败 </li>
    <li>登录事件 成功 失败 </li>
    <li>对象访问 失败 </li>
    <li>策略更改 成功 失败 </li>
    <li>特权使用 失败 </li>
    <li>系统事件 成功 失败 </li>
    <li>目录服务访问 失败 </li>
    <li>账户登录事件 成功 失败 </li>
    <li>本地策略 &gt; 安全选项 &gt; <strong><font color="#ff6600">清除虚拟内存页面文件 更改为&quot;已启用&quot;</font></strong> </li>
    <li style="LIST-STYLE-TYPE: none">
    <ul>
        <li>&gt; 不显示上次的用户名 更改为&quot;已启用&quot; </li>
        <li>&gt; 不需要按CTRL+ALT+DEL 更改为&quot;已启用&quot; </li>
        <li>&gt; 不允许 SAM 账户的匿名枚举 更改为&quot;已启用&quot; </li>
        <li>&gt; 不允许 SAM 账户和共享的匿名枚举 更改为&quot;已启用&quot; </li>
        <li>&gt; 重命名来宾账户 更改成一个复杂的账户名 </li>
        <li>&gt; 重命名系统管理员账号 更改一个自己用的账号 [同时可建立一个无用户组的Administrat账户] </li>
    </ul>
    </li>
</ul>
<p><strong><font color="#ff6600">组策略编辑器 <br /></font></strong>运行 gpedit.msc 计算机配置 &gt; 管理模板 &gt; 系统 <strong><font color="#ff6600">显示&quot;关闭事件跟踪程序&quot; 更改为已禁用</font></strong></p>
<p><strong><font color="#ff6600">删除不安全组件</font></strong> <br />WScript.Shell 、Shell.application 这两个组件一般一些ASP木马或一些恶意程序都会使用到。</p>
<ol>
    <li>方案一： <br /><br /><blockquote>
    <p>regsvr32 /u wshom.ocx 卸载WScript.Shell 组件 <br />regsvr32 /u shell32.dll 卸载Shell.application 组件</p>
    </blockquote>
    <p>如果按照上面讲到的设置，可不必删除这两个文件</p>
    </li>
    <li>方案二： <br /><br /><blockquote>
    <p>删除注册表 <strong><font color="#ff6600">HKEY_CLASSES_ROOT\CLSID\{<a name="baidusnap0"></a><strong style="COLOR: black; BACKGROUND-COLOR: #ffff66">72C24DD5-D70A-438B-8A42-98424B88AFB8</strong>}</font></strong> 对应 WScript.Shell <br />删除注册表 <strong><font color="#ff6600">HKEY_CLASSES_ROOT\CLSID\{13709620-C279-11CE-A49E-444553540000}</font></strong> 对应 Shell.application</p>
    </blockquote></li>
</ol>
<p><strong><font color="#ff6600">用户管理</font></strong> <br />建立另一个备用管理员账号，防止特殊情况发生。 <br />安装有终端服务与SQL服务的服务器停用TsInternetUser, SQLDebugger这两个账号</p>
<p><strong><font color="#ff6600">用户组说明</font></strong> <br />在将来要使用到的IIS中，IIS用户一般使用Guests组，也可以再重新建立一个独立的专供IIS使用的组，但要将这个组赋予C:\Windows 目录为读取权限[<strong><font color="#ff6600">单一读取</font></strong>] 个人不建议使用单独目录，太小家子气。</p>
<p><strong><font color="#ff6600">二、系统权限与安全配置</font></strong></p>
<p><strong><font color="#ff6600">2.2最少的服务如果实现</font></strong></p>
<p>黑色为自动 <span style="COLOR: #006600">绿色为手动</span> <span style="COLOR: #cc3300">红色为禁用</span></p>
<ul>
    <li><span style="COLOR: #cc3300">Alerter</span> </li>
    <li><span>Application Experience Lookup Service</span> </li>
    <li><span style="COLOR: #006600">Application Layer Gateway Service</span> </li>
    <li><span style="COLOR: #006600">Application Management</span> </li>
    <li>Automatic Updates [Windows自动更新,可选项] </li>
    <li><span style="COLOR: #006600">Background Intelligent Transfer Service</span> </li>
    <li><span style="COLOR: #cc3300">ClipBook</span> </li>
    <li>COM+ Event System </li>
    <li>COM+ System Application </li>
    <li>Computer Browser </li>
    <li>Cryptographic Services </li>
    <li>DCOM Server Process Launcher </li>
    <li>DHCP Client </li>
    <li>Distributed File System </li>
    <li>Distributed Link Tracking Client </li>
    <li>Distributed Link Tracking Server </li>
    <li>Distributed Transaction Coordinator </li>
    <li>DNS Client </li>
    <li>Error Reporting Service </li>
    <li>Event Log </li>
    <li>File Replication </li>
    <li>Help and Support </li>
    <li>HTTP SSL </li>
    <li>Human Interface Device Access </li>
    <li>IIS Admin Service </li>
    <li>IMAPI CD-Burning COM Service </li>
    <li>Indexing Service </li>
    <li>Intersite Messaging </li>
    <li><span style="COLOR: #cc3300">IPSEC Services</span> <span style="COLOR: #993300">[如果使用了IP安全策略则自动，如无则禁用，可选操作]</span> </li>
    <li>Kerberos Key Distribution Center </li>
    <li>License Logging </li>
    <li>Logical Disk Manager <span style="COLOR: #993300">[可选，多硬盘建议自动]</span> </li>
    <li>Logical Disk Manager Administrative Service </li>
    <li>Messenger&nbsp;&nbsp; /li&gt; </li>
    <li>Microsoft Search </li>
    <li>Microsoft Software Shadow Copy Provider </li>
    <li>MSSQLSERVER </li>
    <li>MSSQLServerADHelper </li>
    <li>Net Logon </li>
    <li>NetMeeting Remote Desktop Sharing </li>
    <li>Network Connections </li>
    <li>Network DDE </li>
    <li>Network DDE DSDM </li>
    <li>Network Location Awareness (NLA) </li>
    <li>Network Provisioning Service </li>
    <li>NT LM Security Support Provider </li>
    <li>Performance Logs and Alerts </li>
    <li>Plug and Play </li>
    <li><span style="COLOR: #cc3300">Portable Media Serial Number Service</span> <span style="COLOR: #993300">[微软反盗版工具，目前只针对多媒体类]</span> </li>
    <li>Print Spooler </li>
    <li>Protected Storage </li>
    <li>Remote Access Auto Connection Manager </li>
    <li>Remote Access Connection Manager </li>
    <li>Remote Desktop Help Session Manager </li>
    <li>Remote Procedure Call (RPC) </li>
    <li>Remote Procedure Call (RPC) Locator </li>
    <li>Remote Registry </li>
    <li>Removable Storage </li>
    <li>Resultant Set of Policy Provider </li>
    <li>Routing and Remote Access </li>
    <li>Secondary Logon </li>
    <li>Security Accounts Manager </li>
    <li>Server </li>
    <li>Shell Hardware Detection </li>
    <li>Smart Card </li>
    <li>Special Administration Console Helper </li>
    <li>SQLSERVERAGENT </li>
    <li>System Event Notification </li>
    <li>Task Scheduler </li>
    <li>TCP/IP NetBIOS Helper </li>
    <li>Telephony </li>
    <li>Telnet </li>
    <li>Terminal Services </li>
    <li>Terminal Services Session Directory </li>
    <li>Themes </li>
    <li>Uninterruptible Power Supply </li>
    <li>Upload Manager </li>
    <li>Virtual Disk Service </li>
    <li>Volume Shadow Copy </li>
    <li>WebClient </li>
    <li><span style="COLOR: #cc3300">Windows Audio</span> <span style="COLOR: #993300">[服务器没必要使用声音]</span> </li>
    <li>Windows Firewall/Internet Connection Sharing (ICS) </li>
    <li>Windows Image Acquisition (WIA) </li>
    <li>Windows Installer </li>
    <li>Windows Management Instrumentation </li>
    <li>Windows Management Instrumentation Driver Extensions </li>
    <li>Windows Time </li>
    <li>Windows User Mode Driver Framework </li>
    <li>WinHTTP Web Proxy Auto-Discovery Service </li>
    <li>Wireless Configuration </li>
    <li>WMI Performance Adapter </li>
    <li>Workstation </li>
    <li>World Wide Web Publishing Service </li>
</ul>
<p>以上操作完成以后是否就&quot;最小的权限+最少的服务=最大的安全&quot;呢？其实不然，任何事物都是相对的 <br />依我个人而见，以上设置也只是最基本的一些东西而已，如有遗漏，稍后补上！</p>
&nbsp;&nbsp;&nbsp;
<p><strong><font color="#ff6600">三、IIS、终端服务、FTP、SQL的配置</font></strong></p>
<p><strong><font color="#ff6600">3.1 IIS配置</font></strong></p>
<p>IIS6与IIS5有着很多不同之处，不一一列举，也不是我一个脑袋可以装下的东西。都在资料上！IIS6有一个非常不方便的东西，就是他限制了在线上传不得大于200K，如何修改，请看：</p>
<p>首先停用IIS服务，&gt; 服务 &gt; iis admin service &gt; 停用</p>
<p>C:\windows\system32\inetsrv\ metabase.xml 文件 用记事本打开它</p>
<p>找到 ASPMaxRequestEntityAllowed 处。默认为 204800 即 204800字节(200K)</p>
<p>修改为想要的数字如： 2048000 [2M] 保存，重启IIS服务即可！</p>
<p>设置基本参数</p>
<p>打开IIS管理器 &gt; 网站 &gt; 属性 &gt;</p>
<p>网站 &gt; 启动日志记录 &gt; 关闭</p>
<p>主目录 &gt; 配置 &gt; 应用程序扩展 &gt; 只保留 asp,asa</p>
<p>主目录 &gt; 配置 &gt; 选项 &gt; 启用父目录</p>
<p>主目录 &gt; 配置 &gt; 调试 &gt; 向客户端发送文本错误消息</p>
<p>网站 &gt; 自定义错误 &gt; 全部改成默认值 [上一章已经删除IIS使用的错误信息页面]</p>
<p>IIS管理器 &gt; WEB服务扩展 &gt; 启用 Active Server Pages</p>
<p>注：停用IIS默认站点，切勿删除，有可能会造成IIS的不稳定。</p>
<p>站点的建立将在第四节中详细介绍。</p>
<p>IIS支持PHP的配置</p>
<p>http://www.php.net/downloads.php 以 PHP 5.1.1 为例</p>
<p>下载php-5.1.1-Win32.zip 解压到 D:\php 或任意目录 赋予该目录IIS用户组读取权限</p>
<p>将ext目录中的所有文件复制到 C:\Windows\System32目录下面</p>
<p>以记事本打开php.ini-dist文件</p>
<p>查找 extension_dir = &quot;./&quot; 更改为 extension_dir = &quot;D:\php\ext&quot;</p>
<p>查找 ; Windows Extensions 更改下面的参数</p>
<p>如要开通GD库支持 则将;extension=php_gd2.dll 前面的冒号删除</p>
<p>依此类推，更多设置参考PHP.INI中文版。完成设置好另存在C:\Windows\php.ini</p>
<p>尔后在IIS设置中 IIS管理器 &gt; 网站 &gt; 属性 &gt; 主目录 &gt; 配置 &gt; 映射</p>
<p>添加 D:\php\php5isapi.dll 扩展名.php</p>
<p>其次在WEB服务扩展中 添加一个新的扩展名 PHP 执行位置 D:\php\php5isapi.dll 设为允许即可</p>
<p>由于WIN平台对MYSQL与PHP的组合无法体现性能优势。个人建议WIN平台PHP程序要使用数据库建议远程</p>
<p>或搭配文本数据库。</p>
<p>终端服务配置</p>
<p>开始 &gt; 程序 &gt; 管理工具 &gt; 终端服务配置 &gt; 连接</p>
<p>选择右侧列出的连接 属性 &gt; 权限 <span class="style2"><span style="COLOR: #993300">删除所有用户组 添加单一的允许使用的管理员账户,这样即使服务器</span></span></p>
<p>被创建了其它的管理员.也无法使用终端服务。</p>
<p>另外在会话设置中可以进一步设置断1 D、注销等一些参数。</p>
<p>FTP的配置</p>
<p>目前大多数服务器使用Serv-U Server 为FTP SYSTEM。这里同时建议使用此软件</p>
<p>以 <strong><font color="#ff6600">Serv-U FTP Server 6.1.0.5 final</font></strong> [最新版]为例，这里建议使用汉化版本.www.hanzify.org</p>
<p>安装原版至D:\Serv-U_3434999fdaf [复杂无规则的目录名可有效防止黑客的猜解]</p>
<p>尔后退出Serv-U,安装汉化包。</p>
<p>运行SERV-U管理器 IP地址可为空、安装为系统服务 设置密码防止溢出</p>
<p>PASV设置</p>
<p>Serv-U管理器 &gt; &lt;&lt;本地服务器&gt;&gt; &gt; 设置 &gt; 高级</p>
<p>PASV端口范围 这里SERV-U只允许 50个端口范围 端口的设置范围 如 1025 - 1075 [1024以前的端口为系统使用]</p>
<p>更多个人化设置参考以下文档</p>
<table cellspacing="0" cellpadding="10" border="1">
    <tbody>
        <tr>
            <td valign="middle" align="center" height="20">SERV-U 技巧</td>
        </tr>
        <tr>
            <td height="247">现在很多的朋友都用SERV-U做个人FTP的服务器，有关如何使用SERV－U架设服务器的文章很多了，这儿我就不多说了。不过大家不知道注意到了没有，当你登陆很多FTP的时候，会显示一些欢迎信息，比如说显示你的IP，告诉你目前有多少人在使用FTP，带宽是多少等等。。。看起来就比较的专业样子。其实你自己也是可以做的，SERV-U这个软件本身就有这个功能。下面我就说明以下如何在自己的FTP里面加上这些信息。
            <p>第一、先建立一个文本文件，随便取一个名字。我们这儿就取message.txt吧。</p>
            <p>第二、这个这个文本文件里面加上这些文字</p>
            <p>－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ <br />欢迎来到XXX的FTP服务器 <br />你的IP地址是：%IP <br />目前服务器所在的时间是 %time <br />已经有 %u24h 个用户在最近24小时访问过本FTP <br />本FTP服务器已经运行了 %ServerDays 天，%ServerHours 小时 和 %ServerMins 分。</p>
            <p>服务器的运行情况：</p>
            <p>所有登陆用户数量： %loggedInAll total <br />当前登陆用户数量： %Unow <br />已经下载字节数： %ServerKbDown Kb <br />已经上传字节数： %ServerKbUp Kb <br />已经下载文件数： %ServerFilesDown <br />已经上传文件数： %ServerFilesUp <br />服务器平均带宽： %ServerAvg Kb/sec <br />服务器当前带宽： %ServerKBps Kb/sec <br />－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－</p>
            <p>其中XXX可以改成你的名字</p>
            <p>你也可以加上一些你自己认为喜欢的文字，不过要注意的是每行最好不要超过80个字符</p>
            <p>其中以%开头的都是一些变量，下面是SERV-U能支持的变量</p>
            <p>时间和*期</p>
            <p>%Time - 显示你的计算机当前时间 <br />%Date - 显示你的计算机当前*期</p>
            <p>服务器的统计信息</p>
            <p>%ServerDays - 显示服务器已经运行的天数 <br />%ServerHours - 显示服务器已经运行的小时数 <br />%ServerMins - 显示服务器已经运行的分钟数 <br />%ServerSecs - 显示服务器已经运行的秒数 <br />%ServerKbUp - 显示自从服务器运行以来已经上传的字节数 <br />%ServerKbDown - 显示自从服务器运行以来已经下载的字节数 <br />%ServerFilesUp - 显示自从服务器运行以来已经上传的文件数 <br />%ServerFilesDown - 显示自从服务器运行以来已经下载的文件数 <br />%LoggedInAll - 显示自从服务器运行以来已经登陆的用户数 <br />%ServerAvg - 显示服务器的平均带宽 <br />%ServerKBps - 显示服务器的当前带宽</p>
            <p>服务器的设定信息</p>
            <p>%MaxUsers - 显示服务器能同时登陆的最大用户数量 <br />%MaxAnonymous - 显示服务器能同时登陆的最大匿名用户数量</p>
            <p>用户信息</p>
            <p>%Name - 显示登陆的用户名 <br />%IP - 显示登陆的用户IP地址 <br />%Dir - 显示登陆的用户的当前目录 <br />%Disk - 显示登陆的用户的当前磁盘 <br />%DFree - 显示登陆的用户的当前磁盘空间，单位是MB <br />%FUp - 显示登陆的用户上传的文件数量 <br />%FDown - 显示登陆的用户下载的文件数量 <br />%FTot - 显示登陆的用户上传和下载的总的文件数量 <br />%BUp - 显示登陆的用户上传的字节数，单位是KB <br />%Bdown - 显示登陆的用户下载的字节数，单位是KB <br />%BTot - 显示登陆的用户上传和下载的总字节数，单位是KB <br />%TconM - 显示登陆用户连接时间，单位是分钟 <br />%TconS - 显示登陆用户连接时间，单位是秒，要和%TconM一起使用 <br />%RatioUp - 显示登陆用户的上传流量限制 <br />%RatioDown - 显示登陆用户的下载流量限制 <br />%RatioCredit - 显示登陆用户还有多少credit可以上传和下载，这个是针对有些FTP是要上传多少文件，才能下载多少文件而设置的 <br />%QuotaUsed - 显示登陆用户的已经使用了多少空间，单位是KB <br />%QuotaLeft - 显示登陆用户的还有多少空间可以使用，单位是KB <br />%QuotaMax - 显示登陆用户的的最大空间，单位是KB <br />后面3个是针对有磁盘限制的用户设置的</p>
            <p>用户数量</p>
            <p>%UNow - 显示当前有多少用户连接 <br />%UAll - 显示从服务器运行以来一共有多少用户连接过 <br />%U24h - 显示最近24小时有多少用户 <br />%UAnonAll - 显示当前总的匿名用户数量 <br />%UAnonThisIP - 显示所有匿名登陆的用户数 <br />%UNonAnonAll - 显示所有当前非匿名登陆用户数 <br />%UNonAnonThisIP - 显示所有非匿名登陆用户数 <br />%UThisName - 显示所有使用这个名字登陆的用户数</p>
            <p>自己在先建立一个.txt文件,输入你想要显示的文字,具体参数看上面的内容,然后在Serv_u内的server设置里面,加入这个.txt文件就可以了!</p>
            <p>下面我已经做了几个！喜欢就把名字等改改OK了！呵呵</p>
            <p>－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ <br />欢迎来到＊＊＊A 网＊＊＊的FTP服务器</p>
            <p>你的IP地址是：%IP <br />目前服务器所在的时间是 %time <br />已经有 %u24h 个用户在最近24小时访问过本FTP <br />本FTP服务器已经运行了 %ServerDays 天，%ServerHours 小时 和 %ServerMins 分。</p>
            <p>服务器的运行情况：</p>
            <p>所有登陆用户数量： %loggedInAll total <br />当前登陆用户数量： %Unow <br />已经下载字节数： %ServerKbDown Kb <br />已经上传字节数： %ServerKbUp Kb <br />已经下载文件数： %ServerFilesDown <br />已经上传文件数： %ServerFilesUp <br />服务器平均带宽： %ServerAvg Kb/sec <br />服务器当前带宽： %ServerKBps Kb/sec <br />－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ <br />你的信息</p>
            <p>用户名：　%Name <br />IP地址：　%IP <br />当前目录：　%Dir <br />当前磁盘：　%Disk <br />磁盘空间：%DFree <br />连接时间：　%TconM　分　和　%TconS　秒 <br />上传流量限制：　%RatioUp <br />下载流量限制：　%RatioDown <br />－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－</p>
            <p>★★★★★★★★★★★★★★★★★★★★★★★★★ <br />来自%IP的朋友您好，欢迎来到＋a网＋的个人FTP服务器 <br />本地时间是%Date %Time <br />服务器已连续工作：%ServerDays天%ServerHours小时%ServerMins分%ServerSecs秒 <br />本站开通以来已接通%UAll位使用者。 <br />过去24小时总共有%U24h次连接。 <br />匿名用户上限为%MaxAnonymous人。每个ip只能开两个进程 <br />目前有%UNow位使用者在线。 <br />其中匿名用户有%UAnonAll人在线。 <br />★★★★★★★★★★★★★★★★★★★★★★★★★ <br />自本站开通以来共上传/下载 |%ServerKbUpKB/%ServerKbDownKB <br />自本站开通以来共上传/下载 |%ServerFilesUp个/%ServerFilesDown个 <br />服务器当前流量|%ServerKBps Kb/sec <br />服务器平均流量|%ServerAvg Kb/sec <br />★★★★★★★★★★★★★★★★★★★★★★★★★ <br />你目前的空间容量为 |%QuotaMax/KB <br />你目前总共使用了 |%QuotaUsed/KB <br />你目前的空间剩余 |%QuotaLeft/KB</p>
            </td>
        </tr>
    </tbody>
</table>
<p>Jmail 组件的安装</p>
<p>建议使用 <strong><font color="#ff6600">w3 JMail Personal V4.3</font></strong> 这里为免费版 http://www.skycn.net/soft/5555.html</p>
<p>默认安装至 D:\w3JMail4_35434fnald [同样，复杂的目录名]</p>
<p>安装完成后只需单一设置 jmail.dll 权限，加入IIS用户组默认权限即可！</p>
<p>SQL Server 2000 的安装与配置</p>
<p>目前SQL Server 2000 + SP4 在我看来已算比较安全，已没有SP3等版本会因为 sqlstp.log, sqlsp.log而泄露</p>
<p>安装信息的问题。当然也建议在安全后 检查 &lt;systemdrive&gt;:\Program Files\Microsoft SQL Server\MSSQL\Install</p>
<p>目录中是否存在有 sqlstp.log, sqlsp.log, setup.iss文件，如果有，则备份至其它位置。</p>
<p>数据库的建立这里就不多讲了。更多设置可以参考SQL SERVER 2000帮助文档！</p>
<p><strong><font color="#ff6600">四、站点的建立</font></strong></p>
<p>站点的建立有一定的操作标准，当然这都是些屁话，能运行就行了。</p>
<p>上面讲到的设置已经为下面的建立站点创造了一个良好的条件，只需要严格按照控制每个站点的权限</p>
<p>就足够了，不要因为时间紧而不设置站点FSO或将目录权限开到最大。操作上的疏忽偶尔会带来一点小</p>
<p>麻烦。</p>
<p>建立站点前 首先在用户管理中建立一个站点所需要使用的用户名。</p>
<p>比如我们要建立一个名为 HostNew的站点 绑定域名hostnew.com</p>
<p>建立一用户Iusr_hostnew.com [对IIS用户增加统一的前缀方便将来的管理] 设置一个复杂的密码</p>
<p>修改该用户所属用户组为Guests 或 你准备好的IIS用户组。删除默认的Users用户组.</p>
<p>尔后给站点需要使用的目录加上这个用户为读取、写入权限。不要是默认权限，默认权限拥有运行权限</p>
<p>那么站点就可以通过FSO来执行或利用其它方式来执行一些恶意程序破坏服务器配置。</p>
<p>尔后打开IIS管理器 &gt; 网站 &gt; 新建站点 设置好后</p>
<p>打开新站点属性 &gt; 目录安全性 &gt; 身份验证和访问控制 &gt; 编辑 &gt; 选择刚才建立的用户[Iusr_hostnew.com]</p>
<p>输入该用户的密码.确认.应用.即可,此时该站点的权限已控制在该站点目录!</p>
<p>其实这一切都是相对比较简单的.也没有什么可值得称道的地方.</p>
<p>如果该站点不使用ASP\PHP\CGI等脚本 在该站点属性 &gt; 主目录里面 &gt; 执行权限 里面选择 <span style="COLOR: #993300">无</span></p>
<p>如果要执行ASP等脚本 则 选择纯脚本.如果PHP\CGI等脚本使用的是EXE文件执行方式.则选择脚本和可执行文件</p>
</div>]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=113</link>
			<title><![CDATA[网站定位和网站战略]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Thu,14 May 2009 13:29:17 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=113</guid>
		<description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网站定位的注意事项<br/><br/>　　1、网站一定要为网民提供有价值的服务，最好是提供独特性的服务。<br/><br/>　　2、不要盲目追随，“某某网站做的太好了，非常盈利，如果我们也做一个应该也会很好吧。”如果你正在这样考虑问题，可能会陷入危险的状态。前些天也有用户问我：“在做一个hao123如何?会比现在的更全”我想这个问题许多有网站运营经历的人都会持反对意见。别人能做的，你未必;以前能做的，现在未必;同一个概念绝大多数人轻易不会改变偏好。可能即使你下10倍的力气，也无法做到另一个hao123。<br/><br/>　　3、不要定位不准确，内容纷杂。许多网站的运营者为了提高人气量，不断的增加栏目内容，以至于天文、地理无所不包，更有精通搜索引擎的同行，却可以把网站的流量炒作的沸沸扬扬。然而，如果网站没有核心的内容，或核心内容不够强大，是很难留住用户的，沸沸扬扬往往也只是昙花一现而已<br/><br/>　　4、不要盲目的搞什么web2.0 .个人网站远离web2.0吧，玩不起的概念性东西。有不少个人网站在2.0之路上跃跃欲试，试验了一年之后，最后都纷纷关闭.连方兴东砸了上千万，面对失败都认为自己太年轻，太天真，我们用我们个人网站的点滴能量去撬地球。还是回家慢慢玩。<br/><br/>　　5、不做分类信息网站,建议这类型的分类好友不用把自己伟大的梦想寄托在分类信息网站上,分类信息这样的项目,看起来门槛很底,但是做起来以后你就知道其实这是一个不适合个人创业的项目.<br/><br/>　　网站定位就是决定网站的方向，方向错误可能产生巨大成本，比如求大求全的例子，可想而知要维护这样一个大网站所需要的编辑人员、信息资源、技术支持，推广和营销等等，因为涉及行业、地区较多，如果做到位，就一定都是某个行业的专业人员，专业队伍。。方向错误的更大成本是人力、财力、物力的无效运行，即使付出了很多，可是难以获得回报。]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=112</link>
			<title><![CDATA[如何成为一个合适的网站运营人]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Thu,14 May 2009 13:16:57 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=112</guid>
		<description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如果你以后想从事运营相关的基础是 ：一 必须精通HTML CSS 了解ASP PHP JSP .net等程序的开发和优缺点； 二 去看不同类型的网站 自己体验下页面布局 注册流程 购物流程 商品页面展示 看哪些网站布局好 哪些不好 写一些自己的心得；看一个网站栏目如何设计和策划的 为什么这样做 为什么那样做 同一种行业的网站多收集一些对比研究；三 了解下SEO 只是去了解 不要去深入研究；四 网站盈利模式 用你自己思维去学习和积累 。这些也是针对他现在的情况提出来的，我见到很多人是从SEO转到运营的，有些是从技术转过来的，这类人做运营吃力一些，有些是从产品直接转向运营的，这类人一般是轻车熟路，问题都不大。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;说了这么一大堆，那么怎么才能说是合适，我觉得有以下几点：<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第一：做网站运营要对传统经济比较熟悉或者是了解，因为你运营的还是传统的服务或者产品，只是网站是另外一个渠道；<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二：做运营的实质还是生产与销售，那么重点还是在用户需求什么，你能为用户做什么，用户能从你站点得到哪些方便、价值、信息等，技术只是对你内容、产品、服务的一种展示和表现，同时你也要知道如何推广，如何在网站上促进销售，不要理解推广就是SEO，就是PPC这些，很多，多借鉴传统行业的推广点子，你会看到有时候事半功倍；<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第三：做运营要有广告人的思维和策划能力，不然到某个阶段很难前进，传统的广告在包装上、设计上都是非常有经验和冲击力的，互联网也同样是在宣传，如果用户来到你网站不知道你在宣传什么，不能给用户很好的第一感知，那我觉得你的网站至少没有特色，不能被用户记住和使用；<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第四：技术不是最重要的，但是是你做运营的基本语言，你要和客户沟通，和程序员沟通，和设计人员沟通，如果你不懂技术，你的想法就无法被很好的实现，所以网站的语言、架构、设计你多少都要去熟悉，不要认为外行会比他们差，很多人知道怎么设计，但是他们的想法不一定会比你好；<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 第五：做好运营需要经常去关注同行，要深入熟悉和了解一个行业，一种模式的网站，不管是盈利还是用户群体，只有这样你才在运营中有竞争力，学会吸收竞争对手的优点来不断完善自己，也是一个合适的运营人员必不可少的。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大概能理解到的就这么多，不合格，但我认为具备这些你基本算是比较合适来做网站运营了！]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=105</link>
			<title><![CDATA[破解微软xp黑屏方法]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Tue,21 Oct 2008 09:10:38 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=105</guid>
		<description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;微软今日凌晨起启动黑屏式反盗版验证，关闭自动更新可避免黑屏：打开控制面板/安全中心/自动更新/点选“关闭自动更新”，按应用即可。网络还曝出避免黑屏的其他方法。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;1、变版法——用序列号替换器<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;经网友验证后发现，“使用序列号替换器”是最佳方案，它能从根本上解决问题。其方法是下载“序列号替换器”，可以让系统变成正版，保证通过微软的正版验证。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;2、认证法——下载正版认证包<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;下载一个名为MSWGA.EXE的文件(中文名称:微软正版认证离线包)，下载后双击运行即可。系统可能会问你“现在安装的版本低，是否替换”，选择“是”就能通过正版验证。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;3、手工法——修改注册表定位<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;运行输入regedit回车，打开注册表定位[HKEY_LOCAL_MA-CHINE\SOFTWARE\Microsoft\windowsNT\CurrentVersion\winl-ogon\Notify\wgaLogon]分支将一个名为“wgaLogon”删除，重启电脑。再把C:\windows\system32中的“wgatray.exe”删除，在系统盘搜索查找，在别的文件夹中如还有，删除即可。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;4、工具法——用工具下载补丁<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;关闭自动更新后，下载超级兔子或360安全卫士，让工具下载补丁。选择系统漏洞检测后，会帮助你下载安装。使用这种方法不会安装“wga-tray.exe”，也就不会出现黑屏的情况。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;5、时间法——改电脑系统时间<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;用户把所有重要的文件备份到非系统盘中；当天不要更新系统；将系统时间修改为“2007”年，延迟激发黑屏的系统时间。弊端是可能会造成系统紊乱。<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=102</link>
			<title><![CDATA[什么是网站优化？如何优化网站？网站优化的方法？]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Mon,04 Aug 2008 16:00:17 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=102</guid>
		<description><![CDATA[目前，有很多企业向我们咨询有关网站优化的问题，很多企业有网站，但不知道如何优化。这里我们结合我们的经验，给大家介绍一些网站优化的知识，希望对您有帮助。<br/><br/>企业网站经过流量统计分析以后, 将会对其流量大小,搜索引擎营销状况,网站结构的合理性等有一个很好的了解,然后就要对企业网站进行优化了.企业网站优化主要分以下几个步骤: <br/><br/>　　一. 网站结构优化.目前企业网站结构都是首页, 公司简介, 产品信息, 招聘信息, 联系信息. 这些结构可以基本就把网站当成一个简单的宣传册,没有发挥网络的互动性,.对于让一般的企业去利用网络的互动性,也许现在而言,他们还没有专业人员来负责,那么这块先跳过去,等以后我会有专门的文章介绍.那么现在我们就以媒体的角度来优化企业网站的结构.<br/><br/>　　1. 网站内部链接优化. 对于网站的各个页面之间的连接,千万别只去靠导航栏的那几个联系, 而是要尽量在页面内容中出现连接,也就是诱导着浏览者一步一步看一下,然后给你发E-MAIL询问业务. 这里要记住一个细节. 那就是在诱导他给你发E-MAIL的时候,千万别直白的留下一个信箱地址,应该留下一个”联系我们&gt;&gt;&gt;”的超连接. 当然链接指向的不是另外一个页面,而是你的信箱.总之, 这种连贯要从一个浏览者的角度去出发.要保证超链接结构的连贯性.<br/><br/>　　2. 加上一个FAQ栏目. 目前大多的企业网站都没有FAQ栏目.一般企业现传自己的产品,会遇到一些比较常见的问题. 企业最好能够把预先想到的问题,以及解答做一个页面.这样有利于浏览者更容易的了解自己的产品,以及促成业务合作.<br/><br/>　　3. 网站文件目录优化. 现在有许多网站的整个网站基本都是放在一个文件夹内.这是一种很不合理的的形式. 网站的每个栏目都应该有一个合理的文件夹,它以一方面可以让自己的网站文件条理化,查找修改起来方便,另外一方面可以有利于搜索引擎搜索.<br/><br/>　　4. 网站文件名优化. 我曾经在给一个客户网站做优化的时候,发现他网站的许多文件名在搜索引擎中都是乱码, 最后用FTP下载完它的全站后才发现,原来它的许多文件名字都用的是中文名.原来它的负责人以为如何做会对搜索引擎有利,启示这样做的效果是相反的,往往让搜索引擎找不到它. 所以,网站文件名,千万别用中文.最好用英文.并且可以包含英文关键词.<br/><br/>　　二. 网站页面优化 大多企业的页面虽然好看,但是并不实用,存在着许多对营销很不利的因素需要优化,主要有以下几个方面:<br/><br/>　　1. 首页优化 首页对一个网站很重要, 目前大多企业网站的首页都是用纯图片或者FLASH动画. 它对搜索引擎极为不利.如果企业网站很主要形象,那么优化的时候可以将这些保留.不过尽量下面有进入内页文字连接.<br/><br/>　　2. 不要在网页中用与页面背景相同的颜色隐藏许多关键词.这种方法在几年前还是比较好用的.但是随着搜索引擎的智能化. <br/><br/>　　3. 图片优化 目前,大多搜索引擎都有了图片搜索功能,所以对待图片的优化,你千万也不要放过.图片优化很简单.在网页制作的时候,对图片加入文字注释就行了,记着,文字注释中千万别放过关键词. 麦秸工艺画 网站中的图片经过优化后,很快在许多搜索引擎的图片搜索中就可以搜到了。<br/><br/>　　4. 给网页减肥 给网页减肥可以让网页缩小20% -- 50%. 可以提高网页下载速度以及其他方面的好处. <br/><br/>　　三. 搜索引擎排名的优化<br/><br/>　　1. 网页标签优化 网页标签优化主要包括标题标签,关键词标签,描述标签等等.标题标签优化对搜索引擎非常重要,而且也特别有技巧.然后就是关键词标签,描述标签等.这里要注意一点,描述标签千万不要夸大,设置超过页面的文字内容, 它一定要保持和页面内容相符合才能取得效果.<br/><br/>　　2. 导航栏目优化 目前,许多企业网站大导航栏栏都用的是图片,这对于搜索引擎很不利.所以企业网站的导航栏目最好用文字连接,并且时当加粗其字体.<br/><br/>　　3. 设计一个导航页面. 产品较多的页面的内部连接比较多.所以建立一个导航页面很重要,这个页面要条理化,系统化的列出网站的所有连接.然后还可以时当的融入众多关键词,对搜索引擎排名十分有利.<br/><br/>　　4. 页面字体优化 在网页中,一定要自然的突出关键词. 比如网页内容标题中包含关键词,你可以用加大字体. 文本内容出现的关键词, 可以用不同的颜色或者加粗.<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.waitingba.com/article.asp?id=100</link>
			<title><![CDATA[jar包详解和META-INF作用]]></title>
			<author>eric.csa@163.com(午夜鬼魅)</author>
			<category><![CDATA[学习资料]]></category>
			<pubDate>Mon,07 Jul 2008 13:25:04 +0800</pubDate>
			<guid>http://www.waitingba.com/default.asp?id=100</guid>
		<description><![CDATA[如何把 java 程序编译成 .exe 文件。通常回答只有两种，一种是制作一个可执行的 JAR 文件包，然后就可以像.chm 文档一样双击运行了；而另一种是使用 JET 来进行 编译。但是 JET 是要用钱买的，而且据说 JET 也不是能把所有的 Java 程序都编译成执行文件，性能也要打些折扣。所以，使用制作可执行 JAR 文件包的方法就是最佳选择了，何况它还能保持 Java 的跨平台特性。 <br/><br/>下面就来看看什么是 JAR 文件包吧： <br/><br/>1. JAR 文件包 <br/><br/>JAR 文件就是 Java Archive File，顾名思意，它的应用是与 Java 息息相关的，是 Java 的一种文档格式。JAR 文件非常类似 ZIP 文件——准确的说，它就是 ZIP 文件，所以叫它文件包。JAR 文件与 ZIP 文件唯一的区别就是在 JAR 文件的内容中，包含了一个 META-INF/MANIFEST.MF 文件，这个文件是在生成 JAR 文件的时候自动创建的。举个例子，如果我们具有如下目录结构的一些文件： <br/><br/>== <br/><br/>`-- test <br/><br/>`-- Test.class <br/><br/>把它压缩成 ZIP 文件 test.zip，则这个 ZIP 文件的内部目录结构为： <br/><br/>test.zip <br/><br/>`-- test <br/><br/>`-- Test.class <br/><br/>如果我们使用 JDK 的 jar 命令把它打成 JAR 文件包 test.jar，则这个 JAR 文件的内部目录结构为： <br/><br/>test.jar <br/><br/>|-- META-INF <br/><br/>| `-- MANIFEST.MF <br/><br/>`-- test <br/><br/>`--Test.class <br/><br/>2. 创建可执行的 JAR 文件包 <br/><br/>制作一个可执行的 JAR 文件包来发布你的程序是 JAR 文件包最典型的用法。 <br/><br/>Java 程序是由若干个 .class 文件组成的。这些 .class 文件必须根据它们所属的包不同而分级分目录存放；运行前需要把所有用到的包的根目录指定给 CLASSPATH 环境变量或者 java 命令的 -cp 参数；运行时还要到控制台下去使用 java 命令来运行，如果需要直接双击运行必须写 Windows 的批处理文件 (.bat) 或者 Linux 的 Shell 程序。因此，许多人说，Java 是一种方便开发者苦了用户的程序设计语言。 <br/><br/>其实不然，如果开发者能够制作一个可执行的 JAR 文件包交给用户，那么用户使用起来就方便了。在 Windows 下安装 JRE (Java Runtime Environment) 的时候，安装文件会将 .jar 文件映射给 javaw.exe 打开。那么，对于一个可执行的 JAR 文件包，用户只需要双击它就可以运行程序了，和阅读 .chm 文档一样方便 (.chm 文档默认是由 hh.exe 打开的)。那么，现在的关键，就是如何来创建这个可执行的 JAR 文件包。 <br/><br/>创建可执行的 JAR 文件包，需要使用带 cvfm 参数的 jar 命令，同样以上述 test 目录为例，命令如下： <br/><br/>jar cvfm test.jar manifest.mf test <br/><br/>这里 test.jar 和 manifest.mf 两个文件，分别是对应的参数 f 和 m，其重头戏在 manifest.mf。因为要创建可执行的 JAR 文件包，光靠指定一个 manifest.mf 文件是不够的，因为 MANIFEST 是 JAR 文件包的特征，可执行的 JAR 文件包和不可执行的 JAR 文件包都包含 MANIFEST。关键在于可执行 JAR 文件包的 MANIFEST，其内容包含了 Main-Class 一项。这在 MANIFEST 中书写格式如下： <br/><br/>Main-Class: 可执行主类全名(包含包名) <br/><br/>例如，假设上例中的 Test.class 是属于 test 包的，而且是可执行的类 (定义了 public static void main(String[]) 方法)，那么这个 manifest.mf 可以编辑如下： <br/><br/>Main-Class: test.Test &lt;回车&gt;; <br/><br/>这个 manifest.mf 可以放在任何位置，也可以是其它的文件名，只需要有 Main-Class: test.Test 一行，且该行以一个回车符结束即可。创建了 manifest.mf 文件之后，我们的目录结构变为： <br/><br/>== <br/><br/>|-- test <br/><br/>| `-- Test.class <br/><br/>`-- manifest.mf <br/><br/>这时候，需要到 test 目录的上级目录中去使用 jar 命令来创建 JAR 文件包。也就是在目录树中使用“==”表示的那个目录中，使用如下命令： <br/><br/>jar cvfm test.jar manifest.mf test <br/><br/>之后在“==”目录中创建了 test.jar，这个 test.jar 就是执行的 JAR 文件包。运行时只需要使用 java -jar test.jar 命令即可。 <br/><br/>需要注意的是，创建的 JAR 文件包中需要包含完整的、与 Java 程序的包结构对应的目录结构，就像上例一样。而 Main-Class 指定的类，也必须是完整的、包含包路径的类名，如上例的 test.Test；而且在没有打成 JAR 文件包之前可以使用 java &lt;类名&gt;; 来运行这个类，即在上例中 java test.Test 是可以正确运行的 (当然要在 CLASSPATH 正确的情况下)。 <br/><br/>3. jar 命令详解 <br/><br/>jar 是随 JDK 安装的，在 JDK 安装目录下的 bin 目录中，Windows 下文件名为 jar.exe，Linux 下文件名为 jar。它的运行需要用到 JDK 安装目录下 lib 目录中的 tools.jar 文件。不过我们除了安装 JDK 什么也不需要做，因为 SUN 已经帮我们做好了。我们甚至不需要将 tools.jar 放到 CLASSPATH 中。 <br/><br/>使用不带任何的 jar 命令我们可以看到 jar 命令的用法如下： <br/><br/>jar {ctxu}[vfm0M] [jar-文件] [manifest-文件] [-C 目录] 文件名 ... <br/><br/>其中 {ctxu} 是 jar 命令的子命令，每次 jar 命令只能包含 ctxu 中的一个，它们分别表示： <br/><br/>-c 创建新的 JAR 文件包 <br/><br/>-t 列出 JAR 文件包的内容列表 <br/><br/>-x 展开 JAR 文件包的指定文件或者所有文件 <br/><br/>-u 更新已存在的 JAR 文件包 (添加文件到 JAR 文件包中) <br/><br/>[vfm0M] 中的选项可以任选，也可以不选，它们是 jar 命令的选项参数 <br/><br/>-v 生成详细报告并打印到标准输出 <br/><br/>-f 指定 JAR 文件名，通常这个参数是必须的 <br/><br/>-m 指定需要包含的 MANIFEST 清单文件 <br/><br/>-0 只存储，不压缩，这样产生的 JAR 文件包会比不用该参数产生的体积大，但速度更快 <br/><br/>-M 不产生所有项的清单（MANIFEST〕文件，此参数会忽略 -m 参数 <br/><br/>[jar-文件] 即需要生成、查看、更新或者解开的 JAR 文件包，它是 -f 参数的附属参数 <br/><br/>[manifest-文件] 即 MANIFEST 清单文件，它是 -m 参数的附属参数 <br/><br/>[-C 目录] 表示转到指定目录下去执行这个 jar 命令的操作。它相当于先使用 cd 命令转该目录下再执行不带 -C 参数的 jar 命令，它只能在创建和更新 JAR 文件包的时候可用。 <br/><br/>文件名 ... 指定一个文件/目录列表，这些文件/目录就是要添加到 JAR 文件包中的文件/目录。如果指定了目录，那么 jar 命令打包的时候会自动把该目录中的所有文件和子目录打入包中。 <br/><br/>下面举一些例子来说明 jar 命令的用法： <br/><br/>1) jar cf test.jar test <br/><br/>该命令没有执行过程的显示，执行结果是在当前目录生成了 test.jar 文件。如果当前目录已经存在 test.jar，那么该文件将被覆盖。 <br/><br/>2) jar cvf test.jar test <br/><br/>该命令与上例中的结果相同，但是由于 v 参数的作用，显示出了打包过程，如下： <br/><br/>标明清单(manifest) <br/><br/>增加：test/(读入= 0) (写出= 0)(存储了 0%) <br/><br/>增加：test/Test.class(读入= 7) (写出= 6)(压缩了 14%) <br/><br/>3) jar cvfM test.jar test <br/><br/>该命令与 2) 结果类似，但在生成的 test.jar 中没有包含 META-INF/MANIFEST 文件，打包过程的信息也略有差别： <br/><br/>增加：test/(读入= 0) (写出= 0)(存储了 0%) <br/><br/>增加：test/Test.class(读入= 7) (写出= 6)(压缩了 14%) <br/><br/>4) jar cvfm test.jar manifest.mf test <br/><br/>运行结果与 2) 相似，显示信息也相同，只是生成 JAR 包中的 META-INF/MANIFEST 内容不同，是包含了 manifest.mf 的内容 <br/><br/>5) jar tf test.jar <br/><br/>在 test.jar 已经存在的情况下，可以查看 test.jar 中的内容，如对于 2) 和 3) 生成的 test.jar 分别应该此命令，结果如下； <br/><br/>对于 2) <br/><br/>META-INF/ <br/><br/>META-INF/MANIFEST.MF <br/><br/>test/ <br/><br/>test/Test.class <br/><br/>对于 3) <br/><br/>test/ <br/><br/>test/Test.class <br/><br/>6) jar tvf test.jar <br/><br/>除显示 5) 中显示的内容外，还包括包内文件的详细信息，如： <br/><br/>0 Wed Jun 19 15:39:06 GMT 2002 META-INF/ <br/><br/>86 Wed Jun 19 15:39:06 GMT 2002 META-INF/MANIFEST.MF <br/><br/>0 Wed Jun 19 15:33:04 GMT 2002 test/ <br/><br/>7 Wed Jun 19 15:33:04 GMT 2002 test/Test.class <br/><br/>7) jar xf test.jar <br/><br/>解开 test.jar 到当前目录，不显示任何信息，对于 2) 生成的 test.jar，解开后的目录结构如下： <br/><br/>== <br/><br/>|-- META-INF <br/><br/>| `-- MANIFEST <br/><br/>`-- test <br/><br/>`--Test.class <br/><br/>8) jar xvf test.jar <br/><br/>运行结果与 7) 相同，对于解压过程有详细信息显示，如： <br/><br/>创建：META-INF/ <br/><br/>展开：META-INF/MANIFEST.MF <br/><br/>创建：test/ <br/><br/>展开：test/Test.class <br/><br/>9) jar uf test.jar manifest.mf <br/><br/>在 test.jar 中添加了文件 manifest.mf，此使用 jar tf 来查看 test.jar 可以发现 test.jar 中比原来多了一个 manifest。这里顺便提一下，如果使用 -m 参数并指定 manifest.mf 文件，那么 manifest.mf 是作为清单文件 MANIFEST 来使用的，它的内容会被添加到 MANIFEST 中；但是，如果作为一般文件添加到 JAR 文件包中，它跟一般文件无异。 <br/><br/>10) jar uvf test.jar manifest.mf <br/><br/>与 9) 结果相同，同时有详细信息显示，如： <br/><br/>增加：manifest.mf(读入= 17) (写出= 19)(压缩了 -11%) <br/><br/>4. 关于 JAR 文件包的一些技巧 <br/><br/>1) 使用 unzip 来解压 JAR 文件 <br/><br/>在介绍 JAR 文件的时候就已经说过了，JAR 文件实际上就是 ZIP 文件，所以可以使用常见的一些解压 ZIP 文件的工具来解压 JAR 文件，如 Windows 下的 WinZip、WinRAR 等和 Linux 下的 unzip 等。使用 WinZip 和 WinRAR 等来解压是因为它们解压比较直观，方便。而使用 unzip，则是因为它解压时可以使用 -d 参数指定目标目录。 <br/><br/>在解压一个 JAR 文件的时候是不能使用 jar 的 -C 参数来指定解压的目标的，因为 -C 参数只在创建或者更新包的时候可用。那么需要将文件解压到某个指定目录下的时候就需要先将这具 JAR 文件拷贝到目标目录下，再进行解压，比较麻烦。如果使用 unzip，就不需要这么麻烦了，只需要指定一个 -d 参数即可。如： <br/><br/>unzip test.jar -d dest/ <br/><br/>2) 使用 WinZip 或者 WinRAR 等工具创建 JAR 文件 <br/><br/>上面提到 JAR 文件就是包含了 META-INF/MANIFEST 的 ZIP 文件，所以，只需要使用 WinZip、WinRAR 等工具创建所需要 ZIP 压缩包，再往这个 ZIP 压缩包中添加一个包含 MANIFEST 文件的 META-INF 目录即可。对于使用 jar 命令的 -m 参数指定清单文件的情况，只需要将这个 MANIFEST 按需要修改即可。 <br/><br/>3) 使用 jar 命令创建 ZIP 文件 <br/><br/>有些 Linux 下提供了 unzip 命令，但没有 zip 命令，所以需要可以对 ZIP 文件进行解压，即不能创建 ZIP 文件。如要创建一个 ZIP 文件，使用带 -M 参数的 jar 命令即可，因为 -M 参数表示制作 JAR 包的时候不添加 MANIFEST 清单，那么只需要在指定目标 JAR 文件的地方将 .jar 扩展名改为 .zip 扩展名，创建的就是一个不折不扣的 ZIP 文件了，如将上一节的第 3) 个例子略作改动： <br/><br/>jar cvfM test.zip test]]></description>
		</item>
		
</channel>
</rss>
