［感想］好的CSS與樣板框架的寫法

1. css一開始要先宣告語系@charset "utf-8";
   
   因為在編譯、轉譯、上版（系統也許會針對自動合併，自動化執行一些合併行為），
   過程中可能會造成『中文註解』被編譯成亂碼，
   造成CSS原本的註解，有開始但是沒結束，頁面就會破版。
   
   
   
   最一勞永逸的方式，還是只用英文或數字撰寫。
   
   
   
2. 每一個class，屬性盡量單純例如，在定義文字樣式時，將字體大小、顏色...分開設定，能更有彈性做排列組合。
   
   
   h1, .h1 { font-size: 2.5rem; }
   

   .font-size-lg { font-size: 1.25rem; }

   .font-size-md { font-size: 0.875rem; }
   

   .text-primary { color: #2da7c1; }

   a.text-primary:hover, a.text-primary:focus { color: #103c45; }


3. class name名稱必須：簡短、淺顯易懂、具有語意（語意是否直觀，必須以工程師的標準）
   
   
4. 如果能用SCSS預處理，單位使用倍數計算，使用rem
5. 如果架構龐大，CSS / SCSS依照屬性命名，拆成小支，再用@import引入
   @import "functions";

    @import "variables";

    @import "mixins";

    @import "root";

    @import "reset";

    @import "utilities";
6. 清除的樣式直接寫！important
   
   /*Margin and Padding*/
   .m-0 { margin: 0 !important; } .p-0 { padding: 0 !important; }
7. html組件盡量單純，盡量拆小。複雜組件由小組件組合而成