CHAPTER 03 · PRACTICE WORKSPACE

CSS 語法、文字、顏色與尺寸

替個人網站完成第一版一致的視覺樣式

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

設定頁面背景色

修改檔案:style.css

完成後看見:頁面出現柔和淺色背景

TASK-02已完成

設定內文字體與顏色

修改檔案:style.css

完成後看見:全頁文字易讀且風格一致

TASK-03已完成

建立標題尺寸層級

修改檔案:style.css

完成後看見:主標題比段落更醒目

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

我的作品集

讓內容有清楚的視覺順序

這段文字用來觀察背景、字體、顏色與標題尺寸如何改變閱讀感受。

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰