几个有用的css属性

border-collapse:collapse;

=>相邻边框合并。

min-width: 100px;

=>不解释。

margin-bottom:-2px;

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

float:left; float:right;

=>不解，为什么没有float: center;?

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

=>当屏幕的宽度小于1008px时，设置成1008px。

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

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

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

=>文字出现阴影效果。

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')";

=>背景渐变效果。

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

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

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

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