---
# System prepended metadata

title: 體驗營直播-第四堂scss
tags: [2021程式體驗營]

---

---
tags: 2021程式體驗營
---
# 體驗營直播-第四堂scss
要學會看別人的scss怎麼拆分

_v變數檔把字體大小、顏色拉出來
36:55_base 全站設定、專屬網站客製化用的全站設定，例如a、h2、body

工具類應放在_unil通用類別，例nav-link
38:58bs格線斷點

如果網站只是短暫的不需要維護，可以不分類

重要）45:03mb單位若以4設定設定，需要和設計師討論

46:11

47:25 不要過渡優化，若根目錄有3-5個不同檔案就適合用資料夾

49:01

50:35 公司會要求用bs並改掉樣式，用scss改

第二部
鵬聖助教的code(老師推
1:31把bs的標題預設改掉
2:35老師建議同學應把layout拉出來，也就是每頁都會出現的佈局，例footer、navbar

8:00 hover不需要特地綁在a

10:24_vendors外部套件 例滾動效果、hover.css、cssshake

13:31面試：如何管理scss
16:00 元件btn、card、分頁，可能在多個地方出現

23:02 工作多年如何精進css，pages和layout應該處理成元件unil,工具類class(同學範例為helper)



