html行内元素和块级元素

• 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;
  }