MODULE 1
Semantic Document
HTML source → DOM、content hierarchy、forms、native semantics、accessibility。
WEB FOUNDATION COURSE · HTML / CSS
HTML / CSS：先建立有意義的文件，再建立有韌性的 Layout。
這條課不是 tag/property 字典。你會一路完成同一個 Course Profile Page，從 document semantics、form、accessibility，到 cascade、box model、Flex/Grid、responsive constraints。
PrerequisitesBrowser / URL 基本概念
Core chapters44–50
Cumulative projectCourse Profile Page
Course rhythm
StructureInputSemanticsCascadeLayoutResponsive
Modules
MODULE 2
CSS Resolution
selectors、cascade、specificity、computed style、box model、units、typography。
MODULE 3
Layout & Responsive
Flex / Grid、normal flow、responsive constraints、positioning、interaction states。
Project spine
Course Profile Page
44document/content
45interest form
46semantic/accessibility
47cascade/style system
48box/typography
49layout
50responsive states
Completion outcomes
- 能畫 HTML → DOM。
- 能建立 accessible form。
- 能選 native semantic element。
- 能 debug cascade。
- 能計算 box model。
- 能選 Flex/Grid。
- 能依 content failure 設 breakpoint。
- 能用 DevTools 驗 layout。