一、典型代表:
-
Div
-
h1-h6
-
p
-
ul
-
li
二、特点:
- 独占一行
- 可以设置宽高
- 嵌套(包含)下,子块元素宽度(没有定义情况下)和父块元素宽度默认一致。
<style type="text/css">
/*
div,p{
height: 200px;
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>