先權重， 後先後
container 本身就有寬度1140
root 類似reset(完全沒設定)
reboot類似normalize(有少數設定)
base 資料夾全站設定ex. mixin、layout、reset
layout 放每站都有的
component資料夾 每站不一定有的ex. navbar
mixin sass相關
util = helpers 通用類別 ex. mt d-block
helpers是放比util更特殊的設定(下圖)
module = components 都是元件、模組
inbox.scss 不知道放哪可先放這
utilities(都會加 !important) ex. mb-5
- 名言 1：.col- 的外層只能是 .row
- 名言 2：.row 裡面只能是 .col-
- 名言 3：網頁內容與元件請放在 .col- 裡面
若背景有顏色的放法
OOCSS 容器與內容分離
眉角
css 有 h1 不能直接跳 h4 ，要有 h2、h3。
article vs section 這兩個可以被對方包
裡面要有html標籤，用在重要的地方上
語意命名>>>>>外觀命名(ex. login)
ex. modal–active
Q.如何管理CSS?
用SCSS管理，用格線系統做容器與內容的分離，有些共用的東西也會用 component 做分離
客製化class(.page、.card) 別和row、col-x放一起
BS5多了響應式文字變化
會隨螢幕大小改變文字大小