css 使用大全

一、CSS:

去文字下划线：

text-decoration: initial;

禁止图片被选中：

img{
   -moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/
   -khtml-user-select: none; /*早期浏览器*/
   user-select: none;
}

超出宽度文字省略

width:40px;
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

css渐变色兼容ie
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0294df, endColorStr=#1a3b9c);
	/*IE 6 7 8*/
	background: -ms-linear-gradient(top, #0294df, #1a3b9c);
	/* IE 10 */
	background:-moz-linear-gradient(top, #0294df, #1a3b9c);
	/* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #0294df, #1a3b9c);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #0294df, #1a3b9c);
	/*Opera 11.10+*/
	background: linear-gradient(top, #0294df, #1a3b9c);

二、CSS3：

2D转换: 元素位置移动：translate();

    transform: translate(0,-50px);
    -ms-transform: translate(0,-50px);
    -webkit-transform: translate(0,-50px);    

元素放大缩小:scale();

-ms-transform:scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari */
transform: scale(1.2,1.2); /* 标准语法 */

过渡：

    transition: all 0.2s;
    -webkit-transition: all 0.2s;

三、CSS选择器

ul>li: 父元素为ul的所有子元素li。 这里要注意 只是 子元素， 不包括 孙子辈的等等。

转载于:https://my.oschina.net/zhubaoxin/blog/884315