若目标是做出可维护、可访问、适配多端的页面，建议按“语义结构 → 基础样式 → 布局系统 → 响应式 → 可访问性与性能 → 工程化”推进。HTML5 提供地标、表单、媒体等语义元素；CSS3 提供 Flex/Grid、变量、媒体查询、过渡等能力。判断标准很直接：关掉样式后内容仍有逻辑顺序，窄屏下无横向滚动，键盘可完成主要操作。 一、先写语义结构，再考虑外观 适用所有页面，尤其是内容站、后台和表单
