CSS：Class命名

     一個網頁裡一定由數個block組成，現代設計每個block的內容都是用css控制，例如：
.header{
          color:#000000;
}
    但如果有幾十個block都同一顏色或都靠左對齊，就要反覆打數十次，因此可以把常用的屬性放在一個class做反覆套用，例如：
.white{
          color: white;
}

BEM設計模式：

    BEM由Yandex團隊提出來的一種創新命名Class名稱的設計模式，BEM的意思是區塊（Block）、元素（Element）、修飾符（Modifier）。
 
    什麼時機不會需要用到BEM？可以獨立且具高重複性，例如左右對齊，四處都會用到。

block的位置

  寫有包含長寬、定位...等等關於block特有資訊的Class，為了避免日後維護困難，因此需要一目了然能夠找到關於這個block所在或是資訊的命名方式。

    參考來源：

https://blog.niclin.tw/2017/08/10/%E6%90%9E%E6%87%82-sass-%E4%B8%AD%E7%9A%84-bem-%E8%A8%AD%E8%A8%88%E5%8E%9F%E5%89%87/

https://ithelp.ithome.com.tw/articles/10160545