4.4日学习日志

1、div margin:0 outo   屏幕居中显示;

2、都用display:block;属性，方便修改设计;

3、letter-spacing  字间距；word-spacing  字母间距；

4、

  <div class="buttons">
           <div class="button">
             <p>
               <input type="button" disabled="disabled" value="实时总有功"/>
              </p>
             <p>
                <input type="text" disabled="disabled" value="655997.00" />
              </p>
           </div>
            <div class="button">
             <p>
               <input type="button" disabled="disabled" value="实时总有功"/>
              </p>
             <p>
                <input type="text" disabled="disabled" value="655997.00" />
              </p>
           </div>
           
  </div>

.button{
width:90px;
height:40px;
margin:0;
display:block;
margin-left:30px;
float:left;
}

.buttons-left{
width:1200px;
height:40px;
padding-bottom:100px;
margin-left:20px;
list-style:none;
float:left;
}

5、 <div class="block">
                <div class="block-left"></div>
                <div class="block-right">MV</div>
              </div> 

.block-left{
width:70px;
height:26px;
float:left;
padding:1px;
background-color:#FFF;
}
.block-right{
width:25px;
height:26px;
float:left;
padding:1px;
background-color:#CCC;
margin-left:70px;
}

.block{
widows:102px;
height:26px;
margin:0;
}