Loading

CSS块元素

一、典型代表：

  • Div

  • h1-h6

  • p

  • ul

  • li

二、特点:

  • 独占一行
  • 可以设置宽高
  • 嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致。
<style type="text/css">
/*
        div,p{
            height: 200px;
            width: 150px;
            background-color: red;
        }
*/
        .box{
            width: 300px;
            background-color: #888;
            height: 100px;
        }
        .box p{
            height: 50px;
            background-color: blue
        }
    </style>
</head>
<body>
    <div>div块级元素</div>
    <p>p我也是块级元素</p>
    <div class="box">
        <p></p>
    </div>
    
</body>

 

posted @ 2018-03-20 00:19  澎湃_L  阅读(126)  评论(0)  编辑  收藏  举报