展示模块分析与设计.pptx

《物联网Web前端开发基础》课程 展示模块分析与设计 【任务2-6】制作展示模块效果分析——结构分析展示模块由分类标题、banner和段落文本3部分构成。其中分类标题可使用h2标签定义，banner使用img标签定义，段落文本使用p标签定义。 【任务2-6】制作展示模块效果分析——样式分析分类标题的字体为“微软雅黑”，且文本垂直居中。商品展示banner为图片，需要设置居中显示。段落文本字体为“楷体”有一定的行间距，且文本水平居中。 【任务2-6】制作展示模块模块制作——搭建结构 !--zhanshi begin-- div class=zhanshi h2产品介绍 /h2 img src=images/banner.jpg alt=智慧医疗/ br /br / p凡为医之道,必先正己,然后正人.../p pEvery man that is the way of healing must first correct himself, and then others.../p br / /div !--zhangshi end-- 【任务2-6】制作展示模块模块制作——添加样式.zhanshi{ width:980px; margin:0 auto;}.zhanshi h2{ font-size:14px; font-family:微软雅黑; color:#a5a5a5; height:42px; line-height:42px; } 【任务2-6】制作展示模块模块制作——添加样式.zhanshi p{ line-height:30px; text-align:center; font-size:18px; } 展示模块分析与设计模块制作——最终效果 谢谢