CSS 元素宽高特点

演示代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            /* body{ */
            *{
                padding: 0;margin: 0;
            }
            div{
                background: red;
                width: 200px;
                height: 20px;
            }
            span{
                background: red;
            }
            img{
                background: red;
                width: 100px;
                height: 50px;
            }
        </style>
    </head>
    <body>
        <!-- 
        块级元素：
            可设置宽高；不和其他元素在一行；
            未设置宽高，高度由元素内容高度决定，宽度为父元素宽度;
            当设置有宽高时，元素宽高就是设置的值；与元素内内容无关；
        行级元素：
            不可设置宽高，即使设置也无效；和其他元素在一行；
            行级元素宽高由元素内容决定；
        行内块级元素
            可设置宽高；和其他元素在一行；
            设置宽高时，元素宽高就是设置的值
         -->    
        <!-- <div>
            我要自学
            <br />
            我要自学
        </div>
        <br />
        <br /> -->
        <!-- <span>
            我要自学
            <br />
            我要自学
        </span> -->
        <img src="logo.png" >
    </body>
</html>