CSS常用样式

图片垂直居中

.img-box {
    height: 130px;
    line-height:130px;
}
 img {
    vertical-align: middle;
}

垂直居中，不知道自己高度和父容器高度的情况下

parentElement{
    position:relative;
}
childElement{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

IE8背景半透明

filter:alpha(opacity=60)

IE背景色渐变

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
gradientType=1代表横向渐变，gradientType=0代表纵向淅变。startcolorstr=”色彩” 代表渐变渐变起始的色彩，endcolorstr=”色彩” 代表渐变结尾的色彩

解决chrome浏览器input自动添加的颜色

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #1D2D40 inset;
	-webkit-text-fill-color: #fff;
}

背景图100%平铺

html, body {
   height: 100%\9;
   min-height: 100%;
}
body {
   background-image: url(/EnterpriserSchool/img/背景.jpg);
   background-repeat: no-repeat;
   background-size: 100% 100%;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/EnterpriserSchool/img/背景.jpg', sizingMethod='scale');
}

css不换行

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

单选框自定义样式

/*设置新样式*/
input[type="radio"] + label::before {
    content: "\a0"; 
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 50%;
    border: 1px solid #cecfcc;
    /*background-color: #017af5;*/
    background-clip: content-box;
    padding: 2px;
}
/*隐藏原来样式*/
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
/*选中样式*/
input[type="radio"]:checked + label::before {
    background-color: #017af5;
}

文本框占位符颜色

.sf-input::-webkit-input-placeholder {
   color:#eee;
}