day39 22mindisplay 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .div2,p,a,span{
             width: 100px;
             height: 100px;
        }

         .div2{
             background-color: yellow;
             /*display: inline;*/
             display: none;隐藏起来了
         }

        p{
             background-color: red;
            /*display: inline;*/变成内联
         }

        span{
             background-color: palevioletred;
             display: inline-block;变成内联和块级综合属性
         }
        a{
             background-color: green;
             display: inline-block;
         }
        .outer{
            word-spacing: -8px;  去掉内联标签中的空间隙
        }
    </style>
</head>
<body>


<div class="div2">divvvvv</div>
<p>pppppp</p>


<div class="outer">
    <span>spannnnnn</span>
    <a href="#">click</a>
</div>


</body>
</html>
posted @ 2018-11-20 11:04  一棵大树一棵小树一棵草  阅读(146)  评论(0)  编辑  收藏  举报