一些小总结

placeholder的兼容性

// Firefox 4-18
input:-moz-placeholder,
textarea:-moz-placeholder { 
  color: #f0f; 
} 


// Firefox 19+
//::-moz-placeholder 伪元素在Firefox 19+替代了之前的 :-moz-placeholder 伪类.
input::-moz-placeholder,
textarea::-moz-placeholder{
  color: #f0f; 
} 



// Internet Explorer 10+
// 经测试，现在这种写法在IE10+上设置没有反应，兼容性还有待探讨
:-ms-input-placeholder,
textarea:-ms-input-placeholder{
  color: #f0f; 
} 



// Safari and Chrome
// 必须加上元素标签，不然不生效
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ 
  color: #f0f; 
}

居中的一些写法：

z-index: 2001;
position: absolute;
width: 75%;
padding-top: 21px;
font-size: 18px;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate3D(-50%, -50%, 0);

写了transform: translate3D(-50%, -50%, 0);之后就不用写margin-left=负宽度的一半，margin-top=负高度的一半，