几个有用的css属性

modiliany

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遮盖层问题就解决啦