前端css杂记

1em等于16px，页面默认是16px，一个字宽高都等于16px;

当行内元素display：inline的元素设置float:left浮动后，display值也被设置成block;总结：无论行内元素还是块元素，被设置浮动之后，display属性值都变为block;更具体的说，是变成了Inline-block

①：①和②的结果不一样，宽高应该写在一起，否则容易出现小问题

     <style>
         .container{
             margin:40px auto;
             width:400px;
             height: 500px;
             border:5px solid grey;
             background: yellow;　　　　/*背景不能显示*/

         }
     </style>

②

     <style>
         .container{
             margin:40px auto;
             width:400px;
             border:5px solid grey;
             background: yellow;　　　　/*背景不能显示*/
             height: 500px;
         }
     </style>