今天參加婚禮，超級晚發文
深怕無法趕在12點前完成文章
在屏東參加完婚禮搭高鐵衝回辦公室打文章

還蠻喜歡這樣在技術文的剛開始打點廢話哈拉
不然一堆人都覺得工程師就木頭呀
沒有，我們也是擁有一堆七情六慾
只是我們面對問題的訴求是效率

(需求都一堆處理不完了，還一堆技術要學，
沒時間跟問題摩摩喳喳的，如果問題解決不了，真的會很想解決有問題的人)

這次下高雄
遇到了許多同學、朋友
身邊有很多人問我想成為工程師如果不是本科系是否可以?
英文數學很爛是否可以?
是否成為工程師就可以鹹魚翻身月入百萬，要升金字塔頂端?
雖然我還很菜，這我會分享一些我的親身經歷

其實工程師是很厭世的，但電腦很笨，你只能培養你的情商與智商跟他溝通

這地方蠻有趣的推一下
IT狗

接下來的文章開頭可能會順便聊一些"我所認為的"
工程師應該要有的涵養，剩下的就交給google神奇的搜尋演算法
看能不能找出我的文章吧

但也因為是我所認為的，所以可能不是每個人都這樣，有什麼不滿還請各位看官多擔待了，

好的，因為太久沒好好用桌電發文廢話多了點d(`･∀･)b

那我們今天也開始我們的實務之路吧

我是範本，請小力點我

因為用到這個教程的東西所以必須註明出處，希望不要我的名字變成號碼然後穿監獄服

完整教程請點這
=>動畫互動網頁程式入門 (HTML/CSS/JS)

好的，看官們你沒做預知夢，我只是拷了一點上一篇的東西
雖然如果只是個拷貼工程師很可恥，但拷貼自己的東西不再範圍內(ゝ∀･)

$font_base_size: 10px;
$font_base_size2: 10;


//mode1
.content {
  font-family: 'Roboto Slab',微軟正黑體;
  padding: 50px;
  h5 {
    margin-top: 10px;
  }
  .title_hr {
    border: solid 3px $color_yellow;
    width: 100px;
  }
  h1 {
    font-size: ($font_base_size+30) ;
  }
  h2 {
    font-size: ($font_base_size+20) ;
  }
  h3 {
    font-size: ($font_base_size+10);
  }
} 

//mode2
.contenth1.small_english {
  font-size: ($font_base_size2+14)+px;
}

.contenth2.small_english {
  font-size: ($font_base_size2+6)+em ;
}

.contenth3.small_english {
  font-size: ($font_base_size2+2)+rem ;
}

• 其實已SCSS說他真的蠻智能的，在設定CSS時許多工程師有非常頭痛的單位設置，舉凡px(像素)、%(佔容器比例)、(vh、vw)(螢幕)、rem(根相對單位)、em(父相對單位)，那麼SCSS可做到什麼呢?

  1. 可以在設定變數時，給予這個變數預期的單位，那麼在接下來運算時，可以不用再去顧慮單位，直接用IDE會跑出變數全名進行for迴圈或其他的函數與運算，例如mode1所顯示
  2. 如果不確定需要什麼單位，可以只宣告數字，在運算完後直接加上單位，例如mode2所顯示
  • 但記得，因為是單位，他們是一體的，所以直接打就可以了，如果加上雙引號，就會變字串

我們來看看編譯後的樣子

.content {
  font-family: 'Roboto Slab',微軟正黑體;
  padding: 50px;
}
.content h5 {
  margin-top: 10px;
}
.content .title_hr {
  border: solid 3px #ffb336;
  width: 100px;
}
.content h1 {
  font-size: 40px;
}
.content h2 {
  font-size: 30px;
}
.content h3 {
  font-size: 20px;
}

.contenth1.small_english {
  font-size: 24px;
}

.contenth2.small_english {
  font-size: 16em;
}

.contenth3.small_english {
  font-size: 12rem;
}

• mode1:我們看到在的變數已經宣告了單位，但我們在計算時無須再打上單位，SCSS便會自動幫我們運算這個數值後串上單位
• mode2:然而在mode2時我們並沒有宣告單位，而是使用後給的方式串接上去

接下來的文章會開始把SCSS寫得更加漂亮
在往後修改時可以變成方法與變數的方式直接做生成
這篇是喝完喜酒，開車一定會上社會新聞的狀態下產出的
為了不要太ㄎㄧㄤ的誤導看官們
今天正篇略短敬請見諒(ง๑ •̀_•́)ง