Web前端开发任务式教程（HTML5+CSS3）（微课版） 课件模块5 元素框模型.pptx

;《Web前端开发任务式教程》;元素框模型;在任务2.1中，设计了电影海报的内容，在任务4.1中，规范了海报的样式，但是样式还不够美观和友好。本任务基于元素框模型的相关属性进一步完善电影海报的设计，使海报的内容布局更为合理，样式显示更为美观，具体要求如下。

1）顶部图像、左侧导航菜单、右侧内容区域有合适的尺寸，能够美观地对齐。

2）顶部图像、左侧导航菜单、右侧内容区域之间有合适的边距。

3）导航菜单项的宽度固定，边距合适，显示美观。

4）当鼠标悬停于菜单项时，菜单项的背景色发生变化，凸显菜单项。

5）海报整体在网页中居中显示。

设计完成的海报显示效果如图5-1所示。;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;元素框模型;