有序列表、块级内联优势

 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>

猜你喜欢

转载自www.cnblogs.com/wfl9310/p/9156910.html