网页设计与制作案例教程（HTML5+CSS3+JavaScript）（微课版）（第2版） 课件 案例7：手机展示网页.pptx

我们毕业啦其实是答辩的标题地方案例7手机展示网页

案例分析案例实现案例小结案例描述图7-1百度搜索结果网页创建手机展示网页，将手机图片和文字放入一个盒子中，并使用CSS设置盒子的样式，浏览效果如图7-1所示。

案例分析案例实现案例小结案例描述要求如下:（1）盒子的宽度为245px，高度为265px，背景为白色，盒子有阴影效果，在浏览器中居中显示。（2）文本第一行文字字体采用微软雅黑、14px，文字颜色为深灰色（#333）。（3）文本第二行文字字体采用微软雅黑、14px，文字颜色为灰色（#808080）。（4）文本第三行文字字体采用微软雅黑、12px，文字颜色为橙色（#ff6700）。

案例分析案例实现案例小结案例分析案例描述divimgh3、p

案例实现案例小结案例分析案例描述1.新建项目2.在项目中创建网页文件在HBuilderX中新建项目project07，设置项目存放位置为E:/网页设计/源代码，选择模板类型为“基本HTML项目”，单击“创建”按钮。将素材图片复制、粘贴到images目录中。在project07中新建HTML文件，设置文件名为example.html。

案例实现案例小结案例分析案例描述根据案例分析，使用相应的HTML标记来构建网页结构，代码如下。3.搭建页面结构在各标记中添加class属性，是为了设置相应元素的样式。

案例实现案例小结案例分析案例描述在head标记内添加内部样式表，样式表代码如下。4.定义CSS样式5.保存并浏览网页

案例实现案例小结案例分析案例描述本案例创建了一个手机展示页面，初步了解CSS中的盒子模型。后面，我们会详细地学习盒子模型的概念及盒子模型的相关属性。

我们毕业啦其实是答辩的标题地方感谢观看