設定頁面背景色
修改檔案：style.css
完成後看見：頁面出現柔和淺色背景
個人介紹
小安｜前端學習者
我喜歡把生活中的問題整理成簡單畫面。
認識我
這是我準備網站作品時最常使用的工作桌。
我正在學什麼
觀看這段影片，先認識 HTML 如何描述頁面結構。
CHAPTER 03 · PRACTICE WORKSPACE
CSS 語法、文字、顏色與尺寸
替個人網站完成第一版一致的視覺樣式
03
Checkpoint 2
2/3
- 01Starter讀懂作品骨架
- 02Checkpoint 1加入第一項能力
- 03Checkpoint 2累積第二項能力
- 04Solution核對完整結果
TASK STATUS
三項任務目前狀態
設定內文字體與顏色
修改檔案：style.css
完成後看見：全頁文字易讀且風格一致
建立標題尺寸層級
修改檔案：style.css
完成後看見：主標題比段落更醒目
WORKSPACE
本階段實作區
已完成 TASK-02；先核對可見結果，再前往 TASK-03。
FOCUS TASK · TASK-03
現在只處理：建立標題尺寸層級
講解時展開：2 個小型比較
標題 vs 段落｜建立視覺層級
比較：主標題需要比段落醒目，但仍應用尺寸責任表達層級，而不是任意放大所有文字。
現在做：在 DevTools 選取 .practice-title，暫時將 font-size 改成 3rem，再與段落的大小並排比較；確認層級後把相同宣告寫回 style.css。
看預期與證據
預期：能從同一個畫面指出主標題與段落的大小差異，並說出 font-size 是建立視覺層級的責任。
證據：截圖或口述標出主標題、段落與 font-size 宣告，說明三者如何對應。
CSS 值 vs cascade｜看到結果也要找來源
比較：畫面結果不只來自單一數值，還要確認是哪條規則最後勝出。
現在做：在 style.css 的 .practice-title 後方暫時加一條 font-size: 1rem，重新整理觀察標題變小，再到 DevTools 看哪條規則生效；刪除測試規則並保留 3rem。
看預期與證據
預期：能重現後方規則覆蓋前方規則的結果，並能在 Styles 指出被套用與被覆蓋的宣告。
證據：留下測試規則存在時的 Styles 截圖、恢復 3rem 後的 CSS 內容與畫面，說明 cascade 的影響。
需要排錯時查看：任務循環（觀察 → 預測 → 實作 → 故障 → 驗收）
- A｜觀察：在 Checkpoint 2 從標題讀到段落，確認字體與正文色已統一，但主標題仍沒有 3rem 與品牌綠色。
- B｜預測：比較主標題與段落的視覺大小，確認第一眼能找到主標題。
- C｜實作：在 style.css 的 .practice-title 完成「建立標題尺寸層級」，一次只處理本任務責任。
- D｜故障：若結果不一致，先依原操作重現，再檢查 .practice-title 與 style.css，最後重跑原操作。
- E｜驗收：主標題比段落更醒目
完成條件：DONE-03：主標題比段落更醒目
CONTINUE
繼續完成 TASK-03
前往 Solution，依要求完成「建立標題尺寸層級」。