前端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>