前端css杂记

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

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

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

 1     <style>
 2         .container{
 3             margin:40px auto;
 4             width:400px;
 5             height: 500px;
 6             border:5px solid grey;
 7             background: yellow;　　　　/*背景不能显示*/
 8             
 9         }
10     </style>

②

1     <style>
2         .container{
3             margin:40px auto;
4             width:400px;
5             border:5px solid grey;
6             background: yellow;　　　　/*背景不能显示*/
7             height: 500px;
8         }
9     </style>