html——⾏内元素、块元素、⾏内块元素
⾏内元素：span  ,a,  ,strong , em,  del,  ins。特点：在⼀⾏上显⽰；不能直接设置宽⾼；元素的宽和⾼就是内容撑开的宽⾼。
块元素：div,h1-h6,p,ul,li。特点：独占⼀⾏；可以设置宽⾼；注释：嵌套（包含）下，⼦块元素宽度（没有定义情况下）和⽗块元素宽度默认⼀致。
⾏内块元素(内联元素)：input  img。特点：在⼀⾏上显⽰，也可设置其宽⾼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
div {
width: 300px;
height: 100px;
background-color: red;
}
p {
height:50px;
background-color: #00ffff;
}
</style>
</head>
<body>
<div>
<p></p>
</div>
</body>
</html>
html span 居中上述代码演⽰了⽗元素div⾥嵌套了⼀个⼦元素p，p在没有设置宽度的情况下，默认的接受了⽗div的宽度。
⾏内元素转块元素：display：block。⾏业元素配置之后，将会拥有块元素的所有属性。可以独占⼀⾏，并可以设置宽⾼。
块元素转⾏内元素：display:inline。块元素配置之后，将会拥有⾏业元素的所有属性。不在拥有设置宽⾼的属性，也不会独占⼀⾏。
块元素和⾏内元素转⾏内块元素：display:inline-block。配置之后，既可以在⼀⾏上显⽰，也可以设置宽⾼。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。