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