css知识点

1.placeholder

/*修改颜色*/
input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #ff6700;
    }
    
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #666;
    }
    
    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #666;
    }
    
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #666;
    }

/*矫正placeholder位置，使placeholder字样和输入的字位于同一个位置，不至于偏高*/

input{  line-height: normal; }

2.Gradients 渐变

//简单的应用
background: -webkit-linear-gradient(top, #f4511e 0, #d84315 100%);
background: linear-gradient(to bottom, #f4511e 0, #d84315 100%);

3.图片居中

.folder_edit_all{
    background: rgb(45,55,72);
    height: 44px;
    text-align: center;
    width: 100%;
    line-height: 44px;
    font-size: 0;//避免该父元素的中间位置被字体影响
}
.folder_edit_all img{
    vertical-align: middle;
    height: 30px;*/
    margin: 0 7.5%;
    width: 10%;
}