核心布局思路：从需求出发，构建清晰的内容层次

DIV控件的盒子模型与内容层级 前端布局的核心仍然离不开DIV元素的灵活运用，但需要配合 盒子模型 （margin、border、padding、content）进行精细控制

对于点播课程页面，🔮尤其要注意 视频播放区域 的容器设计，建议使用一个独立DIV并设✨置合适的宽高比，避免因视频加载导致布局抖动

课程目录的长列表建议使用 <ul> 或 <ol> 包裹，每个列表项内部再嵌套DIV，用于展示章节标题、时长和缩略图