- 1）块级元素
1,元素自己独占一行与宽度无关
2，可以设置宽度和高度
3，当嵌套一个块级元素，子元素如果不设置宽度，那么该子元素的宽度为父元素的宽度
4，text-align是在块级元素中设置
例如： div p li h1 - 2）行内元素
1，元素在一行上显示
2，不能直接设置宽度和高度
3，行内元素为何不能设置margin-top、margin-bottom；padding-top、padding-bottom值
例如：span a font strog - 3）行内块元素
1,元素在一行上显示
2，可以设置宽度和高度
例如：image input - 4）元素之间的相互转换
1）将行内元素转换成行内块元素
display: inline-block; 行内块元素
display: block: 块级元素
display: inline行内元素
span{
width: 100px;
height: 100px;
background-color: red;
display: inline-block;
}