请解释CSS和HTML在网页布局中各自扮演的角色，并说明如何使用它们实现一个典型的页面布局。

回答思路

1. 能清楚区分HTML负责结构语义，CSS负责表现与布局
2. 能列举至少两种常见的CSS布局方法（如Flexbox、Grid、浮动等）并说明适用场景
3. 能结合具体布局示例（如导航栏、内容区、侧边栏）说明实现思路
4. 能提及响应式设计的基本考虑