CSS 元素类型转换

演示代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            a{
                background: green;
                display: block; 
                width: 200px;
                height: 80px;
            }
            span{
                background: green;
                display: block; 
                width: 200px;
                height: 80px;
            }
            img{
                background: green;
                display: block; 
                width: 200px;
                height: 80px;
            }
            div{
                background: green;
                width: 200px;
                height: 80px;
                display: inline;
            }
        </style>
    </head>
    <body>
        <!-- 
        元素类型转换：
        任何元素都可以进行类型转换
        元素类型转换不会影响 元素自身功能性质
        1，转块级元素display:block
        2，转行级元素display:inline
        3，转行内块级元素display:inline-block
         -->
        <a href="">我要自学</a>
        <br />
        <span>我要自学</span>
        <br />
        <img src="logo.png" />
        <img src="logo.png" />
        <div>我要自学</div>
        <div>我要自学</div>
    </body>
</html>