几个有用的css属性

border-collapse:collapse;

[color=blue]=>相邻边框合并。[/color]

min-width: 100px;

[color=blue]=>不解释。[/color]

margin-bottom:-2px;

[color=blue]=>DIV里image覆盖DIV的底部边框(我写margin-bottom:0px;和margin-bottom:-1px;都不行，不信你试试 :oops: ),当然你用绝对位置（position:absolute;left:XXXpx;top:XXXpx;z-index:10000;也可以，使用场景不一样而已，有的时候只能用margin-bottom:-2px,因为left和top可在js中获取不到呢。）[/color]

float:left; float:right;

[color=blue]=>不解，为什么没有[b]float: center;[/b]?[/color]

width:expression((documentElement.clientWidth < 1008) ? "1008px" : "auto" );

[color=blue]=>当屏幕的宽度小于1008px时，设置成1008px。[/color]

text-overflow: ellipsis; overflow: hidden; white-space: nowrap;

[color=blue]=>文本内容超出容器宽度时，自动出现省略号。[/color]

text-shadow: 0 -1px 1px #000000;

[color=blue]=>文字出现阴影效果。
[/color]

background-image: -moz-linear-gradient(top, 
							#33CC42, 
							#1D7425);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#33CC42),
		color-stop(1, 		#1D7425));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#049000', EndColorStr='#03b108')";

[color=blue]=>背景渐变效果。[/color]

	word-break:break-all;
	word-wrap:break-all;

[color=blue]=>强制断字换行，这个很有用，在table里经常用到，不用的话，动态文本太长的话，撑得表格很丑 8) [/color]

filter:alpha(opacity=50);display:inline;

[color=blue]=>DIV层的透明度值，一般用来给弹出的DIV做一个DIV遮盖层。DIV遮盖层很有用的，因为弹出的DIV等，一般不会遮盖住页面上的下拉框控件，导致页面不美观，增加一个DIV遮盖层问题就解决啦 :D [/color]