今天完成的事情：

   1. input元素属性 

   2. w3c盒模型和IE盒模型的区别

       w3c盒模型

<div style="width: 80px; height: 80px; border: 10px solid red; padding:20px; margin:25px;"></div>

   div实际大小：

          宽  width +（border+padding+margin）*2 = 80+（10+20+25）*2 =  190px；

          高  heigh t+（border+padding+margin）*2 = 80+（10+20+25）*2 =  190px；

   div内容大小

          宽  width = 50px；

          高  height = 50px；

IE盒模型

<div style="width: 80px; height: 80px; border: 10px solid red; padding:20px; margin:25px;"></div>

 div实际大小：

          宽  width +（margin）*2 = 80+（25）*2 =  130px；

          高  heigh t+（margin）*2 = 80+（25）*2 =  130px；

   div内容大小

          宽  width -（padding+border）*2 = 80px-（20+10）*2 = 20px；

          高  height -（padding+border）*2 = 80px-（20+10）*2 = 20px；

明天计划的事情：根据情况 
遇到的问题：改变placeholder颜色

    解决方法：

1. input::-webkit-input-placeholder { /* WebKit browsers */  
2.   color: white;  
3. }  
4. input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
5.   color: white;  
6. }  
7. input::-moz-placeholder { /* Mozilla Firefox 19+ */  
8.   color: white;  
9. }  
10. input:-ms-input-placeholder { /* Internet Explorer 10+ */  
11.   color: white;  
12. }  

收获：