有序列表、块级内联优势 

 ol,ul{
       list-style: circle;前面不是数字是小圆圈

   }
  *{
        width: 150px;
        height: 150px;

    }
        div{
            background-color: red;
            /*display: inline;!*内联无法设置长宽*!*/

        }
        p{
            background-color: aquamarine;

        }
        span{
            display: inline-block;/*inline-block块级和内联优势都具备，多使用此句*/
            background-color: green;

        }
        a{
            display: block;/*块级显示用display*/
            background-color: yellow;

        }
    </style>
</head>
<body>
<div>divvvv</div>
<p>pppp</p>
<span>span</span>
<a href="#">click</a>
</body>

 

posted @ 2018-06-08 17:45  未来的技术  阅读(129)  评论(0)  编辑  收藏  举报