SOURCE

清除浮动//////////////////////////////////////////////////////
.clearfix:after{height: 0;display: block;clear: both;}
.clearfix{*zoom: 1;}

奇数nth-child(odd)
偶数nth-child(even)
偶数列背景色设置-----------------------------------------
table tr:nth-child(2n){ background-color:#eee}
.cont-02 ul li:nth.select2-container--default .select2-selection--multiple .select2-selection__choice(2n) {background: #fff;}

filter设置------------------
filter:grayscale(1) brightness(1.5);/*置灰*/
filter:hue-rotate(90deg);/*彩色*/

旋转-----------
{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg)}

css3选择最后一行代码为：
table tr:last-child{background: #eee}

#list1 li:nth-of-type(odd){ background:#00ccff;}奇数行 
#list1 li:nth-of-type(even){ background:#ffcc00;}偶数行 
#list2 li:nth-child(4n+1){ background:#00ccff;}从第一行开始算起 每隔4个（包含第四个）使用此样式 
#list00000 li:nth-child(4n+2){background:#090;}从第二行开始算起 每隔4个（包含第四个）使用次样式 
#list00000 li:nth-child(4n+3){background:#009;}从第三行开始算起 每隔4个（包含第四个）使用次样式 
#list00000 li:nth-child(4n+4){background:#990;}从第四行开始算起 每隔4个（包含第四个）使用次样式

CSS单行超出部分显示省略号…代码
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

多行超出部分显示省略号…代码（因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；）
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
p {
    position:relative;
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:4.2em;
    overflow:hidden;
}
p::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(http://newimg88.b0.upaiyun.com/newimg88/2014/09/ellipsis_bg.png) repeat-y;
}

.classname(@num:2){display: -webkit-box;overflow: hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient: vertical;-webkit-line-clamp:@num;}

圆角---------------------------------------------
-moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px;

-moz-border-radius: 15px;      /* Gecko browsers */
-webkit-border-radius: 15px;   /* Webkit browsers */
border-radius:15px;            /* W3C syntax */

单选点击切换背景----------------------------------------------------------------
<input type="radio" class="checkbox" name="1">
.checkbox{width: 20px;height: 20px;background: url(http://sandbox.runjs.cn/uploads/rs/207/kdiciq8i/check.png) 0 0 no-repeat;background-size: 20px;}
.checkbox:checked{background-image: url(http://sandbox.runjs.cn/uploads/rs/207/kdiciq8i/checked.png);}

透明度------------------------------------------------
filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/

div阴影--------------------------------------------
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;

文字阴影  （http://www.w3cplus.com/node/52）

text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
也就是：
text-shadow:[颜色(Color)  x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...
或者
text-shadow:[x轴(X Offset) y轴(Y Offset)  模糊半径(Blur)  颜色(Color)],[x轴(X Offset) y轴(Y Offset)  模糊半径(Blur)

比如：text-shadow:2px 3px 2px #000;

背景图大小设置---------------------------------------
background-size:Apx Bpx;
-Apx = x轴(图片宽度)
-Bpx = y轴(图片高度)

-o-background-size: 150px 250px;
-webkit-background-size: 150px 250px;
background-size: 150px 250px;

多背景图设置（兼容低）
background:url(image_1.extention) top left no-repeat,
url(image_2.extention) bottom left no-repeat,
url(image_3.extention) bottom right no-repeat;

实现渐变效果//////////////////////////////////    http://www.wzsky.net/html/Website/CSS/113768.html
线性渐变：http://www.qianduan.net/understand-the-css3-gradient/

background: white; /* 为较旧的或者不支持的浏览器设置备用属性 */  
background: -moz-linear-gradient(top, #dedede, white 8%);  
background: -webkit-gradient(linear, 0 0, 0 8%, from(#dedede), to(white));
ie**********
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff0000');  
/* IE6,IE7 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ff0000')"; 
/* IE8 */