今天要來繼續處理聊天室上方的部分~
昨天已經把HTML的部分處理好，
所以今天要來處理CSS

<style type="text/css">
    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }
</style>

先來介紹一下一些CSS常使用的屬性

• CSS padding
  透過內距的設定可以控制區域如 DIV 或 span 的內部距離，
  也可以控制 HTML 的表格內部距離（例如文字或圖片與邊框的距離），
  padding 本身就是內距的設定，而padding 是不可以設定負值！
  這點與 margin 不同。
• CSS margin
  用來定義一個區域（例如 DIV 或 span）的外邊界距離，
  與常用的 padding（內距）剛好不同。
  margin 可以讓你一次設定四個邊的外距，
  也可以分別設定每個邊不同的外距，特別的是 margin 可以設定負値。
• CSS box-sizing
  作用是控制 width 與 height 作用的對象空間，
  換另一個說法，則是設定物件尺寸的計算方式。
  box-sizing 可以使用的值不多，基本上就兩個:
  Content-box (寬高設定作用在內容範圍)
  Border-box （寬高設定作用在邊框外緣的範圍內）
  在預設的情況下，box-sizing 的預設值是content-box。